`
thomas0988
  • 浏览: 472894 次
  • 性别: Icon_minigender_1
  • 来自: 南阳
社区版块
存档分类
最新评论

用css控制td强制换行

 
阅读更多

即便是给td限定的宽度,但是如果里面的内容是连续的,IE就认为是一个单词,不会换行。控制td换行的css样式:style="word-wrap:break-word;word- break:break-all;"

<table width="100%" border="0" cellspacing="1" cellpadding="0">       
<tr>
  <td width="25%" style="word-wrap:break-word;word-break:break-all;"   valign="bottom" >
文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息</td>
 </tr>
<tr>
 <td width="25%" style="word-wrap:break-word;word-break:break-all;"   valign="bottom" >112111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</td>
 </tr>
</table> 

 

分享到:
评论

相关推荐

    html中的div、td 、p 等容器内强制换行和不换行的实现

    1、强制不换行,同时以省略号结尾。 复制代码代码如下: &lt;div xss=removed&gt; 你好朋友朋友朋友我为什么不能看到效果啊 &lt;/div&gt; 2、css自动换行 复制代码代码如下: div{ word-wrap: break-word; word-break: normal; ...

    兼容多浏览器,兼容 div、p、td 的强制不换行及强制换行.

    兼容多浏览器的强制不换行的CSS,主要以DIV为列子,分析个浏览器的解析特性

    CSS 之强制换行技巧

    对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px;...效果:可以实现换行 2.(Firefox浏览器)white-space:normal; wor

    CSS对表格单元格强制换行和不换行

    CSS控制Table单元格强制换行与强制不换行  我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。  近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个...

    CSS实现连续字符换行的方法

    连续字符的CSS换行,主要用到CSS的word-break属性,为其添加:break-all参数,这样的话字符会适应规定的宽度而自动换行,实际上这就是CSS的强制换行功能。 复制代码代码如下:&lt;title&gt;连续字符的CSS换行代码&lt;/...

    CSS强制单元格换行

    &lt;td width="270px" class="newLine"&gt; &lt;label&gt;&lt;a&gt;http://download.csdn.net/user/zxy397472251&lt;/a&gt; &lt;a&gt;http://download.csdn.net/user/zxy397472251&lt;/a&gt; &lt;a&gt;http://download.csdn.net/user/zxy397472251&lt;/a&gt; &lt;a&gt;...

    css之自动换行实现代码

    正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html &lt;div id=wrap&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;/div&gt; css #...

    css文本换行属性word-wrap和white-space使用总结

    今天碰到了td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,顺便看了一下文本换行的属性...IE 下没有任何问题,在 FF 下,长串英文会被遮住超出的内容 table中td.th强制换行方法: 复制代码

    CSS 数字和字母将容器撑大问题解决

    正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html &lt;div id=wrap&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;/div&gt; css #...

Global site tag (gtag.js) - Google Analytics