Làm thế nào để - Trung tâm hình ảnh
Tìm hiểu cách căn giữa một hình ảnh với CSS.
Hình ảnh chính giữa:
Cách Căn giữa Hình ảnh
Bước 1) Thêm HTML:
Thí dụ
<img src="paris.jpg" alt="Paris" class="center">
Bước 2) Thêm CSS:
Để căn giữa một hình ảnh, hãy đặt lề trái và phải auto
và biến nó thành một block
phần tử:
Thí dụ
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
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 chiều rộng).
Mẹo: Đi tới 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.