用css控制table文字溢出显示省略号 控制td显示字数
2018-02-17 13:18
267 查看
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;一起使用*/ }
添加样式让table宽高固定,内容长度过长自动隐藏并显示省略号,效果如下:
相关文章推荐
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数(转)
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- 用css解决table文字溢出控制td显示字数
- css+div解决文字溢出控制显示字数
- css控制文字溢出省略号显示
- css控制td内文字数量,以省略号显示
- CSS控制TD内字数长度 省略号 css截取 超过 显示 省略号
- css中li中控制文字字数,并显示省略号
- css+div解决文字溢出控制显示字数
- 用CSS控制表格中的文字显示字数
- css控制单行文字自动显示省略号
- css限制显示字数,文字长度超出部分用省略号表示
- table中td隐藏溢出文字,鼠标停留显示
- CSS控制文字只显示一行,超出部分显示省略号
- css 样式文字溢出显示省略号