Trang chủ
CSS
Căn chỉnh CSS
Tryit: Giữa với chiều cao dòng
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> .center { line-height: 200px; chiều cao: 200px; đường viền: 3px màu xanh lá cây; căn chỉnh văn bản: giữa; } .center p { chiều cao dòng: 1,5; hiển thị: khối nội tuyến; căn dọc: giữa; } </style> </head> <body> <h2>Căn giữa có chiều cao dòng</h2> <p>Trong ví dụ này, chúng ta sử dụng thuộc tính line-height có giá trị bằng thuộc tính chiều cao để căn giữa phần tử div:</p> <div class="center"> <p>Tôi được căn giữa theo chiều dọc và chiều ngang.</p> </div> </body> </html>