display:block/*内联对象需加*/
width:31em
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden一起使用。*/
一般的文字截断(适用于内联与块):
.text-overflow {
display:block/*内联对象需加*/
width:31em
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden一起使用。*/
}
在td里用css定义width和height,然后overflow:hidden是没效果的。一定要用表格,又要处理溢出的话,就要在td里的div入手
<div style="width:像素pxheight:像素pxoverflow:hidden"></div>这样来处理,溢出的内容就隐藏了。
div 设高度和td高度一样就可以了