单元格样式设置
程序员文章站
2022-07-13 14:25:49
...
单元格样式设置
① 设置单元格内容对齐方式
**设置单元格内容的水平对齐方式:** (默认:th 居中对齐,td 靠左对齐)
- 给 thead、tbody、tfooter 设置 align 属性,值可以为 center、left、right, 所包含的单元格都会生效。
- 给 tr 设置 align 属性,值可以为 center、left、right, 改行所包含的单元格都会生效。
- 给 td 或者 th 设置 align 属性,值可以为 center、left、right, 本单元格都生效。
设置单元格内容垂直对齐方式:(默认:td 和 td 都是居中对齐)
- 给 thead、tbody、tfooter 设置 valign 属性,值可以为 middle、top、bottom, 所包含的单元格都会生效。
- 给 tr 设置 valign 属性,值可以为 middle、top、bottom, 改行所包含的单元格都会生效。
- 给 td 或者 th 设置 valign 属性,值可以为 middle、top、bottom, 本单元格都生效。
② 设置单元格宽高
设置单元格的宽度:
- 给 td 或者 th 设置 widh 属性,除了本单元格受影响,其他行同列的单元格也会受到影响。
设置单元格的高度:
- 给 tr 设置 height 属性,整个一行受到影响。
- 给 td 或者 th 设置 height 属性,除了本单元格受影响,同行的其他单元格也受影响。
③ 单元格跨行和跨列
给 td 或者 th 设置属性:
colspan 指定跨越的列数
rowspan 指定跨越的行数