Cố định bố trí chiều rộng có thể khó để trung tâm với một số các trình duyệt phổ biến trên mạng, nhưng có thể, chỉ với một vài dòng mã.
Dưới đây là cách thực hiện
- Tạo một trang Web mới với một bảng định kiểu CSS trong trình soạn thảo HTML của bạn.
- Tạo phần tử div làm phần tử chính trên trang nơi bạn sẽ lưu trữ mọi thứ trên trang.
- Cung cấp cho phần tử div đó một ID duy nhất trên trang.
- Mở bảng định kiểu CSS của bạn và đặt chiều rộng của phần tử div của bạn. div # main {width: 750px; }
- Thêm các lề tự động để căn giữa div của bạn. div # main {width: 750px; margin-left: auto; margin-right: auto}
- Để sửa chữa nó cho Netscape 4, và IE 4 - 6 ( chế độ quirks ) thêm một text-align trên cơ thể. body {text-align: center; }
- Nhưng sau đó tất cả các văn bản bên trong là trung tâm, do đó, sắp xếp lại văn bản trong div #main của bạn bằng cách thêm văn bản-align: trái; trong đó. div # main {width: 750px; margin-left: auto; margin-right: auto; text-align: left; }
- Lưu trang của bạn và bảng định kiểu của bạn.
- Kiểm tra trong một số trình duyệt Web.
tiền boa
Điều này sẽ tập trung vào hộp bố trí nhưng không phải là nội dung bên trong nó. Sử dụng văn bản căn chỉnh để căn giữa nội dung bên trong.