Một cách đơn giản để căn giữa một bảng bằng cách sử dụng CSS

Một dòng mã là tất cả những gì bạn cần để căn giữa một bảng

Cascading Style Sheets (CSS) là một ngôn ngữ định kiểu thường được sử dụng để thiết lập kiểu trực quan của các trang web được viết bằng HTML và XHTML. Bạn có thể mới sử dụng thiết kế web hoặc CSS và có câu hỏi về cách căn giữa bảng trên trang web. Bạn cũng có thể là một nhà thiết kế có kinh nghiệm, người đã nhầm lẫn về cách thực hiện kỹ thuật này vì thẻ CENTER và thuộc tính align = "center" không được chấp nhận trong thẻ TABLE. Với CSS, các bảng định tâm trên một trang web không hề khó.

Sử dụng CSS để căn giữa bảng

Bạn có thể thêm một dòng vào bảng định kiểu CSS để căn giữa tất cả các bảng theo chiều ngang:

bảng {margin: auto; }

hoặc bạn có thể thêm cùng một dòng đó vào bảng của mình trực tiếp:

Khi bạn đặt một bảng trong một trang web, bạn đang đặt nó trong một phần tử cấp khối như BODY, P, BLOCKQUOTE hoặc DIV. Bạn có thể căn giữa bảng trong phần tử đó bằng cách sử dụng lề: auto; Phong cách. Điều này sẽ cho trình duyệt để làm cho các lề trên tất cả các mặt của bảng bằng nhau, mà vị trí bảng ở trung tâm của trang web.

Một số trình duyệt web cũ hơn không hỗ trợ phương thức này

Nếu trang web của bạn phải hỗ trợ trình duyệt web cũ hơn, chẳng hạn như Internet Explorer 6, thì bạn cần phải tiếp tục sử dụng align = "center" hoặc thẻ CENTER để căn giữa các bảng của bạn. Đó là về sự phức tạp duy nhất bạn sẽ gặp phải khi căn giữa các bảng trên một trang web. Sử dụng kỹ thuật này rất dễ dàng và có thể được thực hiện trong vài phút.