图像的水平对齐

这个问题在这里已经有了答案：

如何在更大的div内制作图像中心（垂直和水平）36个答案

水平和垂直居中图像[复制] 5个答案

---

将图像包裹在元素中并使用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

---

试试这个CSS来横向居中

display: block;    
margin: 0 auto;

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

---

使用CSS text-align: center; 。 不要忘记在div上设置宽度，否则它会看起来是左对齐的。

  <div style="text-align: center; width: 100%; border: 1px solid black;">Centered</div>

链接地址: http://www.djcxy.com/p/75747.html

上一篇: Horizontal alignment of an image

下一篇: How to center vertically child elements inside div