Căn chỉnh bảng CSS
Căn chỉnh theo chiều ngang
Thuộc text-align
tính đặt căn chỉnh theo chiều ngang (như trái, phải hoặc chính giữa) của nội dung trong <th> hoặc <td>.
Theo mặc định, nội dung của các phần tử <th> được căn giữa và nội dung của các phần tử <td> được căn trái.
Để căn giữa nội dung của các phần tử <td>, hãy sử dụng text-align: center
:
Thí dụ
td
{
text-align: center;
}
Để căn trái nội dung, hãy buộc căn trái của các phần tử <th>, với thuộc text-align: left
tính:
Thí dụ
th
{
text-align: left;
}
Căn chỉnh dọc
Thuộc vertical-align
tính đặt căn chỉnh theo chiều dọc (như trên cùng, dưới cùng hoặc giữa) của nội dung trong <th> hoặc <td>.
Theo mặc định, căn chỉnh dọc của nội dung trong bảng là giữa (cho cả phần tử <th> và <td>).
Ví dụ sau đặt căn chỉnh văn bản theo chiều dọc xuống dưới cùng cho các phần tử <td>:
Thí dụ
td
{
height: 50px;
vertical-align: bottom;
}