css - 如何在中间浮动图像？

Question

我正在建立一个新的商业博客，但在将主徽标置于标题中间时遇到了麻烦。

我知道你可以使用：

#logo { float: left; }
#logo { float: right; }

但据我所见，漂浮在中间并不是一个可用的选项。

有什么建议么？

我遇到问题的网站：http: //bit.ly/Yrcm5z

Answer 1

在你的上使用以下 CSS#logo img

#logo img {
    margin: 0 auto;
}

你img被显示为一个block元素，因此，给出一个边距值auto告诉浏览器计算父元素内的可用边距，并在块的两侧平等地共享它。

Answer 2

利用

<div>
    <a id="logo"></a>
</div>

和 CSS

#logo {display: inline-block; }

div {text-align: center; }

抱歉，为了记录，此方法有效，因为display: inline-block;元素表现为文本，因此您可以将其对齐在容器内。

来自阿根廷的问候！

Answer 3

在新的段落或div中使用 text-align 。

<p><img src="http://legendarymarketer.com/wp-content/themes/wp-theme-simplog/assets/img/logo.png" height="30" width="235" alt="" style="
    text-align: center;
"></p>

更改 CSS：[ style.css文件的第 104 行]

#logo img {
display: inline;
}