Nếu bạn là một nhà thiết kế web mới làm quen, bạn có thể có câu hỏi về cách căn giữa văn bản bên trong ô bảng. Với hướng dẫn này, hãy nắm vững kỹ thuật này chỉ trong vài phút. Thật dễ dàng - ngay cả khi bạn chưa từng thử trước đây.
Bắt đầu
Việc căn giữa văn bản bên trong một ô được thực hiện tốt nhất với CSS, giống như bạn làm trung tâm văn bản trong một phần tử khác trên trang Web của bạn. Tuy nhiên, trước khi bạn bắt đầu, bạn cần phải quyết định chính xác những gì bạn muốn làm trung tâm. Với một bảng, bạn có một số tùy chọn, bao gồm mọi ô trong bảng; mọi ô tiêu đề trong bảng, mỗi ô trong đầu bảng, nội dung bảng hoặc chân bảng. Bạn cũng có thể căn giữa một ô hoặc tập hợp ô cụ thể trong bảng.
Ngoài ra, bạn nên tạo một biểu định kiểu nội bộ trong phần đầu của tài liệu hoặc được đính kèm vào tài liệu dưới dạng một biểu định kiểu bên ngoài . Bạn sẽ đặt các kiểu để căn giữa các ô trong bảng kiểu đó.
Làm thế nào để Trung tâm Mỗi tế bào trong bảng
Thêm các dòng sau vào biểu định kiểu của bạn:
td, th {text-align: center; }Làm thế nào để Trung tâm Mỗi tế bào tiêu đề trong bảng
Thêm các dòng sau vào biểu định kiểu của bạn:
th {text-align: center; }Định tâm mọi tế bào trong đầu bảng, cơ thể hoặc chân
Để căn giữa các ô này, bạn cần thêm các thẻ bảng không phải lúc nào cũng được sử dụng, chẳng hạn như ,
và . Sau đó, bạn sẽ bao quanh các ô trong bảng bằng các thẻ này để xác định đầu, thân và chân của bảng. Sau đó, bạn sẽ thêm thông tin sau vào biểu định kiểu của mình: thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }Loại bỏ các kiểu cho các khu vực bạn không muốn làm trung tâm.
Cách căn giữa một ô hoặc ô cụ thể trong bảng
Để thực hiện việc này, bạn cần đặt một lớp trên các ô bạn muốn căn giữa.
Thêm thuộc tính sau vào các ô bảng mà bạn muốn căn giữa:
Sau đó, thêm phần sau vào bảng định kiểu của bạn:
.centered-cell {text-align: center; }Bạn có thể thêm lớp này vào bất kỳ ô nào trong bảng của bạn.
Gói lên
Đừng ngần ngại sử dụng các kiểu này trên bất kỳ ô nào trong bảng của bạn. Bạn có thể sử dụng chúng trên các ô đã phối hoặc trên các ô đơn lẻ và văn bản bên trong sẽ được căn giữa.