用css解决table文字溢出控制td显示字数
2014-03-21 16:56
344 查看
场景:
最左边这栏我不行让他换行,怎么办呢?
下面是解决办法:
参考:http://www.52design.com/html/201007/design201071123721.shtml
现在:
最左边这栏我不行让他换行,怎么办呢?
下面是解决办法:
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;一起使用*/ }
参考:http://www.52design.com/html/201007/design201071123721.shtml
现在:
相关文章推荐
- 用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+div解决文字溢出控制显示字数
- table中td隐藏溢出文字,鼠标停留显示
- css解决td单元格内文字溢出
- css控制文字溢出省略号显示
- 用CSS控制表格中的文字显示字数
- css如何控制文字多行显示,溢出截断后末尾出现省略...
- CSS控制TD内字数长度 省略号 css截取 超过 显示 省略号
- css中td截断多余的文字,不显示多余的和table-layout的fixed属性
- css控制td内文字数量,以省略号显示
- css中li中控制文字字数,并显示省略号
- css解决td单元格内文字溢出