手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >table表格某一td内容太多导致样式混乱的解决方案
table表格某一td内容太多导致样式混乱的解决方案
摘要:问题在开发过程难免遇到这样那样的问题。对于有很多条目的数据,我们通常采用table元素来快速实现。如果某一个td的内容太多的话就会出现下面的...

问题

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

1

解决方案

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

2

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

【table表格某一td内容太多导致样式混乱的解决方案】相关文章:

给表格设置不重叠的边框(单线边框)的2种方法

firefox和谷歌不显示body背景图片的解决方法

IE6下图片下方有空间距的多种解决方法

编写CSS代码时样式命名的规则

img标签下多余空白BUG解决方法

CSS条状图表形式的实现方法

IE对网页中引入CSS样式表的限制

清除行内元素之间HTML空白的几种解决方案

网页中表单按回车就自动提交的问题的解决方案

ie6不兼容hover ie6 a hover属性失效解决办法

精品推荐
分类导航