如何通过CSS自动隐藏超出宽度的字不带省略号

襄阳城

<p>如何通过CSS自动隐藏超出宽度的字不带省略号</p>
<p><img src="http://img.baidu.com/img/iknow/icn_point.gif"> 悬赏分：0 -</p>
<p>解决时间：2010-4-15 13:44</p>
<p>如何通过CSS自动隐藏超出宽度的字要求ie下不带省略号</p>
<p>提问者： 紫se晨风 - 二级</p>
<p>最佳答案</p>
<p>一般的文字截断（适用于内联与块）：</p>
<p>.text-overflow {</p>
<p>display:block;/*内联对象需加*/</p>
<p>width:31em;</p>
<p>word-break:keep-all;/* 不换行 */</p>
<p>white-space:nowrap;/* 不换行 */</p>
<p>overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */</p>
<p>text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/</p>
<p>}</p>
<p>对于表格文字溢出的定义：</p>
<p>table{</p>
<p>width:30em;</p>
<p>table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */</p>
<p>}</p>
<p>td{</p>
<p>width:100%;</p>
<p>word-break:keep-all;/* 不换行 */</p>
<p>white-space:nowrap;/* 不换行 */</p>
<p>overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */</p>
<p>text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/</p>
<p>}</p>
<p>有...是ie的bug，在其他浏览器里不会有...</p>
<p>0</p>
<p>回答者：</p>
<p>旅途未完 - 五级   2010-4-1 14:35</p>
<p>我来评论>></p>
<p>提问者对于答案的评价：</p>
<p>不是想要的效果，但写的比较详细。</p>