如何使图像居中？

Question

这张图片不应居中吗？如果没有，我该如何居中？

<div class="logo-area">
<div class="logo-bg">
    <a href="index.html"><img src="images/logo.jpg" align="middle" /></a>
</div>

Answer 1

不推荐使用align属性，不应使用该属性。 试试这个：

<img src="images/logo.jpg" style="display: block; margin: 0 auto;" />

Answer 2

在图片的父div上设置text-align:center。

.logo-bg {
    text-align:center;
}

<强> jsFiddle example

Answer 3

不推荐使用align标记。使用CSS，例如

 <img style="margin: 0 auto;" .... />

Answer 4

align="middle"不存在，但align="center"虽然已被弃用

请考虑在包含图片style="text-align : center"

的块标记上使用<div class="logo-bg">

Answer 5

不，不是那样的。喜欢这个：

<div class="logo-bg" style="text-align:center">
    <a href="index.html"><img src="images/logo.jpg" align="middle" /></a>
</div>

（当然，最好将样式放在样式表中）。

Answer 6

您可以使用中心标记代替css样式 像这样，

<div class="logo-area">
  <center><a href="index.html"><img src="images/logo.jpg" align="middle" /></a></center>
</div>

Answer 7

在.logo-area容器类上确保它有宽度，然后应用margin：0 auto;到.logo-bg类。

.logo-area{
  width: 250px;  
 }
.logo-bg{
  width: 0 auto;  
 }