Cách căn giữa hình ảnh

Học cách sử dụng CSS để căn giữa hình ảnh.

Căn giữa hình ảnh:

Tulip

Cách căn giữa hình ảnh

Bước 1 - Thêm HTML:

<img src="paris.jpg" alt="Paris" class="center">

Bước 2 - Thêm CSS:

Để làm cho hình ảnh được căn giữa, hãy thiết lập cạnh ngoài phải và trái là autovà thiết lập nó thành một yếu tố khối:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Hãy thử ngay

Xin hãy chú ý, nếu độ rộng được thiết lập 100%(đ的全角)，thì không thể chính giữa.

Trang liên quan

Giáo trình:Hình ảnh CSS