要使用 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 属性,可以轻松地控制表格的外观和布局。