1、css reset
table{border-collapse:collapse;} 单元格间隙合并
th,td{padding:0;} 重置单元格默认填充
2、单元格合并
td
(1)colspan=“所要合并的单元格的列数” 横向合并
(2)rowspan=“所要合并的单元格的行数” 纵向合并
3、’表格数字、字母撑大单元格不换行‘ 问题
解决方法
1、在table上设置属性 word-break:break-all;
2、给table设置属性 table-layout:fixed;(固定单元格宽度,强制换行)
4、控制table的列宽
通过设置标签里所包含的标签的宽度,可以实现表格每一列的固定宽度,这样做就不用给
里面的每一个td都设置宽度了。<colgroup>
<col width="100">
<col width="100">
<col width="100">
......
</colgroup>