Sitemap

Bảng là một cách tuyệt vời để trình bày nhiều thông tin một cách có tổ chức.Dữ liệu bán hàng, lưu lượng truy cập trang web, xu hướng thị trường chứng khoán và điểm của học sinh là những ví dụ về thông tin thường được trình bày trong bảng.

Khi thêm một bảng vào một trang web bằng cách sử dụng HTML, nó có thể hấp dẫn trực quan hơn khi căn giữa nó trên trang.Căn giữa văn bản và hình ảnh thường được thực hiện thông qua lớp text-align hoặc thông qua CSS, nhưng căn giữa bảng yêu cầu một cách tiếp cận khác.Chi tiết được cung cấp bên dưới để biết cách căn giữa bảng trên trang web.

Căn giữa một bảng trong HTML

Theo mặc định, khi thêm một bảng vào một trang web, bảng đó được căn chỉnh ở phía bên trái của trang hoặc vùng chứa, như được hiển thị bên dưới.

HITS THÁNG TỔNG TĂNG
324.497 Tháng 1 năm 1998 -
436.699 Tháng 2 năm 1998 112.172

Sau đây là mã nguồn HTML cho bảng trên.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Để căn giữa bảng này, bạn cần thêm; margin-left: auto; margin-right: auto; đến cuốithuộc tính style trong thẻ

.Thẻ bảng sẽ giống như sau.

Thay đổi thuộc tính style trong thẻ

, như được hiển thị ở trên, dẫn đến bảng được căn giữa trên trang web, như được hiển thị bên dưới.
HITS THÁNG TỔNG TĂNG
324.497 Tháng 1 năm 1998 -
436.699 Tháng 2 năm 1998 112.172
Mẹo

Bạn có thể thêm các tham số vào thuộc tính style trong thẻ

để làm cho bảng hấp dẫn hơn.Thêm đệm: 2px; và border-spacing: 20px; thêm khoảng cách giữa các điểm dữ liệu và đường viền để cải thiện khả năng đọc.

Thông tin liên quan

Tất cả danh mục: Thông tin sửa lỗi