图像的水平对齐

Question

我试图水平居中一个大图像.因为我使用的是HTML5,所以我无法使用<center>.我可以使用left:400px,但这不适用于不同的屏幕尺寸.

Answer 1

将图像包裹在元素内并使用text-align: center;...

演示

<div class="center">
    <img src="http://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" alt="Google" />
</div>

.center {
   text-align: center;
}

另外,如果你是知道的,那什么是图像的宽度,也可以使用margin: auto;与display: block;作为img标签是inline在默认情况下,当然,元素width属性

img {
   width: 276px;
   display: block;
    margin: auto;
}

演示2

Answer 2

试试这个css水平居中

display: block;    
margin: 0 auto;

=顶部和底部边距0,以及左右边距auto