Căn ảnh ra giữa trong css

Tôi đang cố gắng tập trung vào một hình ảnh theo chiều ngang bằng cách sử dụng css.

Tôi đang hiển thị hình ảnh của mình trên màn hình với mã HTML sau:

Bạn đang xem: Căn ảnh ra giữa trong css

Tôi đang xén hình ảnh của mình vì tôi chỉ muốn hiển thị một số hình ảnh và tôi đang sử dụng css sau:

img.loading {position:absolute;clip:rect(0px,681px,75px,180px);}tuy nhiên tôi không thể tìm ra cách căn giữa hình ảnh một khi nó đã được cắt.

Bất cứ ai có thể giúp đỡ?

sử dụng vị trí tuyệt đối và lề như thế này

img.loading{ position: absolute; left: 50%; margin-left: -(half ot the image width)px}
Hãy thử điều này cho CSS của bạn:

.center img { display:block; margin-left:auto; margin-right:auto;}và sau đó thêm vào hình ảnh của bạn để căn giữa nó:

class="center"
Bạn có thể sử dụng phương pháp khác nhau:

Cách 1:

Đây là một phương pháp đơn giản, sử dụng "text-align: center;" Cho div cha của bạn.

Xem thêm: Bằng Toeic Là Gì? Có Giá Trị Bao Lâu? Lệ Phí Thi Toeic Hết Bao Nhiêu Tiền ?

#loading img { margin: 0 auto; display: block; float: none; /*width: 200px; if its a large image, it need a width for align center*/}

#loading { position: relative; }#loading img{ position: absolute; top: 0; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%);}

?

Làm cách nào để căn giữa văn bản theo chiều dọc với một biểu tượng phông chữ lớn tuyệt vời?

Lật / phản chiếu hình ảnh theo chiều ngang + chiều dọc với css

Làm cách nào để căn giữa và cắt một hình ảnh để luôn xuất hiện trong hình vuông với CSS?

Làm cách nào để căn giữa các phông chữ tuyệt vời theo chiều dọc trong một vòng tròn div?

Làm cách nào để tôi căn giữa văn bản theo chiều dọc với CSS?

Làm cách nào để căn giữa căn chỉnh theo chiều dọc của container trong bootstrap

Hình ảnh trung tâm theo chiều ngang trong một div

Cách tốt nhất để căn giữa
trên trang theo chiều dọc và chiều ngang?

Sử dụng jQuery để căn giữa một DIV trên màn hình

Làm thế nào để tập trung một phần tử theo chiều ngang và chiều dọc?

Sắp xếp theo chiều dọc một hình ảnh bên trong div với chiều cao đáp ứng

bên trong div?" data-cat="related-question">Làm cách nào để căn giữa theo chiều dọc bên trong div?

Làm cách nào để căn giữa div theo chiều dọc bên trong div div được định vị tuyệt đối

Căn giữa một DIV theo chiều ngang và chiều dọc

Làm cách nào để căn giữa hình ảnh (nền) trong div?

Sử dụng lề: tự động để căn chỉnh theo chiều dọc một div

CSS: Làm cách nào để căn chỉnh theo chiều dọc một "nhãn" và "đầu vào" bên trong "div"?

Cách căn giữa div theo chiều ngang bên trong div cha

Làm thế nào để tập trung theo chiều ngang một danh sách không có thứ tự chiều rộng không xác định?