表格可读性 cheat sheet

cheatsheet

表格可读性

行列组织关系模糊

1、表头表尾和表体明显区分<thead> <tbody> <tfoot>
2、用边框分隔单元格｛border｝
3、间行换色<tr>
4、间列换色<colgroup>&<col>

单元格内容不清楚

1、可变长度字符串左对齐(text-align)
2、固定长度、短字符串居中(text-align)
3、可比较字符串右对齐(text-align)
4、合并列的单元格顶部对齐（vertical-align）
5、不留空白（划线、打叉）