Cách thực hiện - Center Images
Tìm hiểu cách căn giữa hình ảnh bằng CSS.
Hình ảnh được căn giữa:
Cách căn giữa hình ảnh
Bước 1) Thêm HTML:
Ví dụ
<img src="paris.jpg" alt="Paris" class="center">
Bước 2) Thêm CSS:
Để căn giữa hình ảnh, đặt lề trái và phải thành auto
và biến nó thành thành phần block
:
Ví dụ
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Hãy tự mình thử »Lưu ý rằng nó không thể được căn giữa nếu chiều rộng được đặt thành 100% (toàn bộ chiều rộng).
Mẹo: Hãy truy cập Hướng dẫn về hình ảnh CSS của chúng tôi để tìm hiểu thêm về cách tạo kiểu cho hình ảnh.