关于table布局
布局方式
一，table-layout:fixed布局方式
- 性能较好于auto
- 表格的宽度是由单元格的宽度决定，所以不需要计算的单元格内容的宽度
- 可以提前知道表格的宽度，减少重排和重绘
- 稳定布局，可以减少重新布局的频率
单元格分配方式：
- table不设置宽度，table宽度默认是占满整个父元素
- 单元格是分配方式是根据父元素的宽度来定
- 不设置单元格宽度，浏览器会根据内容大小自动计算单元格宽度（内容多，单元格长度宽）。让文本内容尽可能不出现折行
- 单元格宽度百分比，按照百分比的比例进行分配
- 单元格宽度都设定px，则是按照实际px分配
- 部分单元格设置了宽度，设定了的按照实际宽度分配，剩余的按内容填充
- table设置宽度，table宽度固定
二，table-layout:auto布局方式:表示是自动布局。
单元格分配方式：
- table没有设置宽度的情况下。
- 不设置单元格宽度，则浏览器会根据内容大小自动计算单元格宽度。文本内容可能会出现折行
- 单元格宽度固定长度(eg：px)。就会固定宽度
- 表格宽度百分比，只要有一个单元格设置了百分比，则表格会占满整个父级元素（即table的宽度100%）
- 部分单元格设置了宽度会固定。未设置宽度的列会根据内容自动填充剩余的空间
- table设置宽度的情况下（就会始终在这个宽度范围内调整单元格宽度）
- 不设置宽度，则会根据单元格内容自行填充单元格。
- 单元格宽度固定长度(eg：px)。会按照比例进行分配单元格宽度
- 表格宽度百分比，则固定宽度的效果是一样的按照单元格比例进行分配
- 部分单元格设置了宽度会固定，未设置宽度的列会根据内容自动填充剩余的空间
单元格
- 单元格合并(需要按照相邻规律才好合并)
