CSS如何隐藏td里面超出的文字?

html-css065

CSS如何隐藏td里面超出的文字?,第1张

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高度一样就可以了