如何在中间浮动图像？

Question

我正在建立一个新的商业博客，我很难将主徽标置于标题中间。

我知道你可以使用：

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

但是从我看到的中间漂浮不是一个可用的选项。

有什么建议吗？

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

Answer 1

在#logo img

上使用以下css

#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; }

Sory，并且为了记录，此方法有效，因为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;
}