1

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

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

7 回答 7

4

该align属性已弃用，不应使用。试试这个：

<img src="images/logo.jpg" style="display: block; margin: 0 auto;" />
于 2013-06-13T16:40:20.587 回答
2

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

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

jsFiddle 示例

于 2013-06-13T16:41:03.947 回答
1

该align标签已弃用。使用 CSS，例如

 <img style="margin: 0 auto;" .... />
于 2013-06-13T16:40:38.477 回答
0

On the .logo-area container class make sure it has a width, then apply a margin: 0 auto; to the .logo-bg class.

.logo-area{
  width: 250px;  
 }
.logo-bg{
  width: 0 auto;  
 }
于 2013-06-13T19:32:08.670 回答
0

您可以像这样使用中心标签而不是 css 样式，

<div class="logo-area">
  <center><a href="index.html"><img src="images/logo.jpg" align="middle" /></a></center>
</div>
于 2013-06-13T19:29:20.073 回答
0

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

考虑style="text-align : center"在包含图像的块标签上使用<div class="logo-bg">

于 2013-06-13T16:40:56.420 回答
0

不，不是那样的。像这样：

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

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

于 2013-06-13T16:41:11.567 回答