Cách Căn Giữa Một Div

Mục lục:

Cách Căn Giữa Một Div
Cách Căn Giữa Một Div

Video: Cách Căn Giữa Một Div

Video: Cách Căn Giữa Một Div
Video: Các cách căn giữa item(s) 2024, Tháng tư
Anonim

Các tiêu chuẩn bố cục trang hiện đại không cấm sử dụng bố cục bảng, tuy nhiên, trên thực tế, bố cục phân lớp đã trở thành một tiêu chuẩn bắt buộc khi tạo các trang web. Bên cạnh những ưu điểm rõ ràng, việc thay thế bố trí bàn ăn đã nảy sinh một số vấn đề lớn nhỏ mới. Một trong số đó là sự liên kết theo chiều ngang của cấu trúc khối trong trang. Hãy xem xét một số cách thực tế để đặt lớp ở giữa chiều rộng trang.

Cách căn giữa một div
Cách căn giữa một div

Cần thiết

Kiến thức cơ bản về HTML

Hướng dẫn

Bước 1

Một trong những tùy chọn để giải quyết vấn đề căn chỉnh một lớp (khối DIV) vào giữa cửa sổ của một trang đang mở chỉ bị bỏ qua bằng HTML (HyperText Markup Language - "ngôn ngữ đánh dấu siêu văn bản"). Bạn cần đặt khối bên trong thẻ. Ví dụ, mã trang đơn giản nhất, được trình bày theo cách này, có thể trông như thế này:

Căn chỉnh DIV với trung tâm

Bước 2

Một tùy chọn khác sử dụng CSS (Cascading Style Sheets). Theo kiểu của lớp được căn chỉnh, bạn cần đặt tính năng tự động phát hiện lượng chênh lệch từ các đường viền cửa sổ. Ví dụ, mã của một trang như vậy ở dạng đơn giản nhất có thể là như sau:

Căn chỉnh DIV với trung tâm

Đề xuất: