之前看到有人问怎么让多余的文字隐藏显示并使用...表示,今天呢,就给大家解决这个问题,直接上代码,代码如下:
用css解决内容文字超出,隐藏,省略代替代码:
table{
width:100px;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ }
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用*/ }
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70015605/viewspace-2883516/ ,如需转载,请注明出处,否则将追究法律责任。