要使用 CSS 控制表格的列宽和行高,需要使用下列属性:
width
属性控制,可以设置具体的像素值或百分比。例如:th {
width: 100px; /* 设置表头列宽为 100 像素 */
}
td {
width: 25%; /* 设置单元格列宽为 25% */
}
height
属性控制,同样可以设置像素值或百分比。例如:tr {
height: 50px; /* 设置行高为 50 像素 */
}
除此之外,还有一些其他的属性可以用来控制表格的样式,例如:
border-collapse
:控制表格边框的合并方式,常见的取值有 collapse
(合并边框)和 separate
(分离边框)。
border-spacing
:控制单元格之间的间距,可以设置具体的像素值。例如:
table {
border-collapse: separate; /* 分离边框 */
border-spacing: 10px; /* 单元格间距为 10 像素 */
}
text-align
:控制单元格文本的水平对齐方式,常见的取值有 left
、center
和 right
。例如:td {
text-align: center; /* 居中对齐单元格文本 */
}
vertical-align
:控制单元格文本的垂直对齐方式,常见的取值有 top
、middle
和 bottom
。例如:td {
vertical-align: middle; /* 垂直居中对齐单元格文本 */
}
总之,通过合理地运用这些 CSS 属性,可以轻松地控制表格的外观和布局。