Tôi có hình ảnh - một hình ảnh tải.Hiển thị hình ảnh ở giữa trang
Tôi muốn hình ảnh đó được hiển thị ở trung tâm trên trang. Tôi có thể làm như thế nào?
Mã tôi đã viết là:
img.loading
{
position:absolute;
left:0px;
top:0px;
z-index:1;
}
Làm thế nào tôi có thể làm hình ảnh này luôn được hiển thị ở trung tâm của trang?
Tìm thấy này: How to Center an Image Perfectly in CSS, có thể giúp đỡ.
#img
{
position:absolute;
width:592px; /*image width */
height:512px; /*image height */
left:50%;
top:50%;
margin-left:-296px; /*image width/2 */
margin-top:-256px; /*image height/2 */
}
Xem W3C
IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto
}
<IMG class="displayed" src="..." alt="...">
Điều này sẽ căn giữa hình ảnh theo chiều ngang nhưng không theo chiều dọc. –
Liên kết bao gồm điều đó, nhưng nó không lý tưởng. "CSS cấp 2 không có thuộc tính để căn giữa mọi thứ theo chiều dọc. Có thể có một thuộc tính ở cấp độ CSS 3." –
Hoặc bạn có thể sử dụng background: url(center_image) no-repeat center;
dụ làm việc:http://jsfiddle.net/DT4hL/
này nghe có vẻ như bạn đang cố gắng để tập trung theo chiều dọc. Bạn có thể xác nhận điều này không? Ngoài ra, hình ảnh của bạn có phải là chiều cao cố định không? –
giải pháp có thể [http://stackoverflow.com/questions/1207525/center-block-element-in-element/1207625#1207625](http://stackoverflow.com/questions/1207525/center-block-element-in -element/1207625 # 1207625) – desigeek
thử cách này >> http://stackoverflow.com/questions/1224399/display-the-image-in-the-center-of-the-page/15375386#15375386 – noelyahan