如何在中間浮動圖像？

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

在新的a中使用文本對齊段落或div。

<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：線104的style.css文件]

#logo img { 
display: inline; 
}