table表格中文字超出显示省略号

Posted 相濡以沫66

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table表格中文字超出显示省略号相关的知识,希望对你有一定的参考价值。

第一步:

table {table-layout:fixed;}列宽由表格宽度和列宽度设定,不随文字多少变化

第二步:

td {

white-space:nowrap;/*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。*/

overflow:hidden;/*隐藏多余的内容*/

text-overflow:ellopsis;/*显示省略符号来代表被修剪的文本 for IE*/ 

-moz-text-overflow: ellipsis; /* for Firefox,mozilla */

}

以上是关于table表格中文字超出显示省略号的主要内容,如果未能解决你的问题,请参考以下文章

table表格超出部分显示省略号

css文字超出自动显示省略号

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

文字超出两行用省略号显示

css / js 控制 文本溢出 省略号显示

html的table表格数据超出部分变成…