table表格某一td内容太多导致样式混乱的解决方案
2014-08-14 16:21
465 查看
在开发过程难免遇到这样那样的问题。对于有很多条目的数据，我们通常采用table元素来快速实现。如果某一个td的内容太多的话就会出现下面的情况，导致样式混乱难看。
解决方案
要让table的宽度固定我们可以给table元素设置table-layout:fixed;样式，但这样表格的宽度问题是解决了，但是里面的内容并不会自动换行。我们还需要给td设置word-break: break-all; word-wrap:break-word;即可完美解决。
http://www.7kxs.com/4gshouji/1761/
解决方案
要让table的宽度固定我们可以给table元素设置table-layout:fixed;样式，但这样表格的宽度问题是解决了，但是里面的内容并不会自动换行。我们还需要给td设置word-break: break-all; word-wrap:break-word;即可完美解决。
http://www.7kxs.com/4gshouji/1761/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- table表格某一td内容太多导致样式混乱的解决方案
- table表格某一td内容太多导致样式混乱的解决方案
- table表格某一td内容太多导致样式混乱的解决方案
- table表格某一td内容太多导致样式混乱的解决方案
- table表格某一td内容太多导致样式混乱的解决方案
- table表格内容太多导致样式混乱的解决方案
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- 表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- Javascript操作table,tr,td和表格CSS样式设置小常识
- 如何让table表格中td的内容自动换行
- 表格教程:table的td也可以隐藏掉超出的内容
- HTML怎么让table表格中的td单元格内容过长显示为固定长度，多余部分用省略号代替?
- table 中 文字长度大于td宽度，导致文字换行 解决方案
- bootstrap table th内容太多表格撑破(自动换行)
- HTML里隐藏表格TABLE或者DIV内容的样式代码