table常见问题集锦（持续更新）

1.TABLE单元格自动换行:

 

数字和英文的时候，TABLE中的TD就会被拉长，不会自动换行了。全角的时候是可以的。

解决方法一：

 

<td style="word-break:break-all">

 

但此属性有的浏览器不支持（IE6支持，firefox 3.5 不支持）

 

解决方法二：

 

table{table-layout: fixed;}
td{word-wrap:break-word;}

 

1.第一条table{table-layout: fixed;}，此样式可以强制表格中单元格不自动变宽，过长的内容显示在单元格之外（好恐怖啊）

2.td{word-wrap:break-word;}，一般用这句这OK了。如果讲这句改成word-break: break-all; 有些浏览器不支持（IE6支持，firefox3.5不支持）。

 

2.css设置table边框：

 

<!-- 
table {
border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
border:solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
table th,table td {border:solid #999;border-width:0 1px 1px 0;}
-->