<center>製作新線條

Question

好吧，我正在嘗試創建一個頂部的小節線，在這個小節的頂部。我使用了標籤，當我嘗試將其他東西放在行上時，它會轉到下一行。我的代碼如下所示：

<div id="topbar"> 
    <center> 
     <img src="images/hehe.png" /> 
    </center> 
    ALSO ON TOP BAR! 
</div> 

但是圖像位於頂部欄上，並且「還在頂部酒吧」！進入下一行，不再在頂部欄中。我該如何解決？

Answer 1

#topbar 
{ 
    text-align: center; 
} 

和HTML是

<div id="topbar"> 
<img src="images/hehe.png" /> 
ALSO ON TOP BAR! 
</div> 

Fiddle

不要使用<center>標籤。提到在CSS樣式表..這是更好的..

Answer 2

<div class="topbar"> 
    <div style="text-align:center;"> 
     <img src="images/hehe.png" /> 
     ALSO ON TOP BAR! 
    </div> 
</div> 

使用css text-align:center;集中。

Answer 3

我不會使用中心標記集，因爲它不再用於HTML。 建議您爲您的任務使用CSS。

正如另一個線程中提到的，text-align：center將解決您的問題。 不過，我想提出以下建議，以水平居中非文本元素：

img { 
     display: block; 
     margin: 0 auto; 
} 

這水平居中圖像。

演示：http://jsfiddle.net/uberrobert/GPGbn/1/