overflow:hidden;text-overflow:ellipsis;在table的td中失效？
2013-12-31 20:24
375 查看
为什么 overflow:hidden;text-overflow:ellipsis;在table的td中失效没有...出现呢？
废话不多少直接上解决方案：
在table的css样式中设置:table-layout:fixed;
在table td的css样式中设置： overflow:hidden;text-overflow:ellipsis;
这就是你想要的效果了。
废话不多少直接上解决方案：
在table的css样式中设置:table-layout:fixed;
在table td的css样式中设置： overflow:hidden;text-overflow:ellipsis;
这就是你想要的效果了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- table表格中文本溢出text-overflow:ellipsis使用中td表格宽度失效问题
- text-overflow使用文字超多div的宽度或超过在table中<td>
- float:left;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;
- CSS文字超出部分省略(width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;)
- Html table td里使用overflow:hidden无效解决方法
- TD中{text-overflow:ellipsis;} 用法
- float:left;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;
- 使用text-overflow:ellipsis对溢出文本显示省略号
- IE下 设置body{overflow:hidden;}失效 问题解决
- 在FF下用CSS模拟实现text-overflow:ellipsis字符截取省略号效果
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- IE下overflow:hidden失效的解决方法
- text-overflow:ellipsis的巧妙运用，显示字符过长处理
- text-overflow:ellipsis的巧妙运用
- 使用text-overflow:ellipsis实现文字超出用省略号显示
- 当子元素用position:relative;时，父元素的overflow:hidden;在ie中失效的解决办法
- 设置overflow-x:hidden之鼠标滚轮失效。
- 溢出文本显示为省略号的效果及其text-overflow:ellipsis;的使用
- 【小技巧】过长文本截取技术 text-overflow:ellipsis
- text-overflow:ellipsis样式截取文字