Cách TO - Trang web của Trung tâm
Tìm hiểu cách căn giữa trang web của bạn theo chiều ngang bằng CSS.
Trang web Trung tâm
Tìm hiểu cách căn giữa trang web của bạn theo chiều ngang:
Ví dụ này được căn giữa theo chiều ngang trên màn hình rộng hơn 500 pixel.
Làm thế nào để căn giữa trang web của bạn
Sử dụng một phần tử vùng chứa và đặt một phần tử cụ thể max-width
. Chiều rộng phổ biến mà nhiều trang web sử dụng là 960px. Để thực sự căn giữa trang, hãy thêm margin: auto
.
Ví dụ sau sẽ căn giữa trang web trên các màn hình rộng hơn 500px. Trên màn hình có chiều rộng dưới 500px, nó sẽ kéo dài toàn bộ trang:
Thí dụ
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Bạn đã từng nghe về W3Schools Spaces ? Tại đây, bạn có thể tạo trang web của mình từ đầu hoặc sử dụng mẫu và lưu trữ miễn phí.
Bắt đầu miễn phí ❯* Không cần thẻ tín dụng