Trang chủ
CSS
Văn bản CSS
Căn chỉnh văn bản
Tryit: Thuộc tính căn chỉnh dọc
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> img.a { dọc-align: đường cơ sở; } img.b { dọc-align: text-top; } img.c { Vertical-align: text-bottom; } img.d { dọc-align: sub; } img.e { dọc-align: super; } </style> </head> <body> <h1>Thuộc tính căn chỉnh dọc</h1> <h2>vertical-align:lineline (mặc định):</h2> <p>An <img class="a " src="sqpurple.gif" width="9" Height="9"> hình ảnh có căn chỉnh mặc định.</p> <h2>vertical-align: text-top:</h2> <p>An <img class="b" src="sqpurple.gif" width="9" Height="9"> hình ảnh có căn chỉnh văn bản trên cùng.</p> <h2>vertical-align: text-bottom:</h2> <p>Một hình ảnh <img class="c" src="sqpurple.gif" width="9" Height="9"> có căn chỉnh ở dưới cùng của văn bản.</p> <h2>vertical-align: sub: </h2> <p>Một hình ảnh <img class="d" src="sqpurple.gif" width="9" Height="9"> có căn chỉnh phụ.</p> <h2>vertical-align: sup:</h2> <p>Một hình ảnh <img class="e" src="sqpurple.gif" width="9" Height="9"> có căn chỉnh siêu cao.</p> </body> < /html>