欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

单元格样式设置

程序员文章站 2022-07-13 14:25:49
...

单元格样式设置

① 设置单元格内容对齐方式

**设置单元格内容的水平对齐方式:** (默认:th 居中对齐,td 靠左对齐)
  1. 给 thead、tbody、tfooter 设置 align 属性,值可以为 center、left、right, 所包含的单元格都会生效。
  2. 给 tr 设置 align 属性,值可以为 center、left、right, 改行所包含的单元格都会生效。
  3. 给 td 或者 th 设置 align 属性,值可以为 center、left、right, 本单元格都生效。

设置单元格内容垂直对齐方式:(默认:td 和 td 都是居中对齐)

  1. 给 thead、tbody、tfooter 设置 valign 属性,值可以为 middle、top、bottom, 所包含的单元格都会生效。
  2. 给 tr 设置 valign 属性,值可以为 middle、top、bottom, 改行所包含的单元格都会生效。
  3. 给 td 或者 th 设置 valign 属性,值可以为 middle、top、bottom, 本单元格都生效。

② 设置单元格宽高

设置单元格的宽度:

  1. 给 td 或者 th 设置 widh 属性,除了本单元格受影响,其他行同列的单元格也会受到影响。

设置单元格的高度:

  1. 给 tr 设置 height 属性,整个一行受到影响。
  2. 给 td 或者 th 设置 height 属性,除了本单元格受影响,同行的其他单元格也受影响。

③ 单元格跨行和跨列

给 td 或者 th 设置属性:
	colspan	指定跨越的列数
	rowspan	指定跨越的行数
相关标签: html html