首页 > Web开发 > 详细

table表格某一td内容太多导致样式混乱的解决方案

时间:2016-01-30 15:02:51      阅读:225      评论:0      收藏:0      [点我收藏+]
问题

在开发过程难免遇到这样那样的问题。对于有很多条目的数据,我们通常采用table元素来快速实现。如果某一个td的内容太多的话就会出现下面的情况,导致样式混乱难看:

技术分享 

解决方案

要让table的宽度固定我们可以给table元素设置table-layout:fixed;样式,但这样表格的宽度问题是解决了,但是里面的内容并不会自动换行。我们还需要给td设置word-break: break-all; word-wrap:break-word;即可完美解决。如下图:

技术分享 

这样的确可以很好地解决问题。记录下,以备后用。

table表格某一td内容太多导致样式混乱的解决方案

原文:http://www.jb51.net/css/171880.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!