web表格

表格

一、表格的常用属性

（1）、边距属性：padding
（2）、尺寸属性：width，height
（3）、文本格式化属性：font-*
text-align，color，text-indent，… …
（4）、背景属性
背景色，背景图，渐变
（5）、border属性
（6）、vertical-align
它的作用为：在单元格中，设置文本的垂直对齐方式
它的取值为：
top / middle / bottom

二、表格的特有属性

1、边框合并
它的属性为：border-collapse
它的取值为：
（1）、separate
它的默认值，即分离边框模式
（2）、collapse
边框合并效果
2、边框边距
它的作用为：增加单元格与单元格之间的距离
它的属性是：border-spacing
取值为：
（1）、指定一个值
表示单元格间水平和垂直间距是相同的
（2）、指定两个值
第一个值：单元格间的水平间距
第二个值：单元格间的垂直间距
注意：只有在边框分离状态时使用，也就是border-collapse:serarate；时使用合并状态时无效
3、标题位置
它的属性为： caption-side
取值为：
（1）、top：
它的默认值，标题显示在表格的上方。
（2）、bottom：
标题显示在表格的下方。
4、显示规则
它的作用是：指定表格的布局方式
默认布局方式为自动表格布局，即单元格的
宽度实际上是由内容来决定的，与设定的值无关。
它的属性是： table- layout
它的取值为：
（1）、auto
它的默认值，即自动表格布局
（2）、fixed
固定表格布局，即单元格的宽度以设定
的值为主，而不取决于内容的多少
下面我们来说一下自动表格布局和固定表格布局的优缺点：
1、自动表格布局
（1）、单元格大小会适应内容大小。
（2）、场合：适用于在不确定每列大小的情况下使用。
（3）、虽然算法较慢，但是能体现传统表格特点。
（4）、缺点：表格复杂时，加载速度慢
2、固定表格布局
（1）、单元格的大小取决于在td中设置的值。
（2）、确定每列大小时，可以使用固定表格布局。
（3）、优点：加载速度较快。
（4）、算法较快，但缺点是不够灵活。

[^1]：这就是与web表格相关的内容，希望对你有所帮助，不足之处清不吝赐教，谢谢，最后让我们一起加油吧，为了更好的自己。