CSS基础知识总结--《CSS权威指南》阅读笔记（三）

一、表布局

1. 以行为主
2. 表单元格边框模型：
   
   • 对应css属性border-collapse
   • 分割边框模型separate：每个单元格都与其它单元格分开一定距离，而且单元格的边框彼此不会合并。border-spacing设置间隔距离。
     
     • 注意应用于整个table，table与单元格的间隔也不会合并
     • 不能为行、行组、列、列组设置边框，如果设置会被忽略
   • 合并边框模型collapse：
     
     • table不能有任何内边距，不过可以有外边距
     • 单元格边框之间绝对不会有任何间隔，边框相邻就会相互合并
     • 一旦合并，单元格之间的边框会在单元格间的假想线上居中
     • 表宽度只包含最外单元格边框的一半
     • 边框的宽度如果为奇数（如奇数个像素，打印点），用户代理必须决定如何将边框在表格线上居中，最好设置为偶数
3. 表大小
   
   • 对应css属性table-layout
   • 固定布局fixed：
     
     • 布局不依赖于表单元格的内容，根据表第一行单元格的width值决定
   • 自动布局auto：
     
     • 表宽度为auto的一般采用自动布局，不管table-layout设置为什么
     • 布局依赖表单元格内容，而且后面的行会触发表布局的重新调整
4. 对齐
   
   • 对应css属性vertical-align
   • 有效值：top、bottom、middle、baseline（默认值）