Cách thực hiện - Center Website
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 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:
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.
Cách căn giữa trang web của bạn
Sử dụng phần tử vùng chứa và đặt max-width
cụ thể. 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 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ẽ trải rộng trên toàn bộ trang:
Ví dụ
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Hãy tự mình thử »Bạn đã bao giờ nghe nói về Example.com.vn Spaces chưa? 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