2012-07-27 32 views
0
<div id="logo" style="center"><img src="logo1.png"></img></div><br><br><br><br><br><br><br></div> 

這不起作用。 什麼是div的風格問題?我敢肯定,語法是錯誤的。div以wordpress爲中心的html

+0

什麼是'style =「center」'?爲什麼你要關閉兩個'div'? – Siddiqui 2012-07-27 04:48:27

+0

我爲了舉例增加了一個div,錯過了我已經有一個 – 2012-07-27 04:53:33

回答

2
  1. 「中心」不是一種風格。您可能正在尋找text-align: center

  2. 圖像像斷線一樣自閉。你不使用</img>

  3. 您有一個備用關閉</div>在行末。其中一個需要移除的,我不知道你想在哪個地方。

<div id="logo" style="text-align: center"><img src="logo1.png"></div><br><br><br><br><br><br><br> 
+0

好吧,所以發生的事情是,愚蠢的標誌硬編碼在左對齊的樣式中。所以當我刪除div id時,現在標誌太低。有沒有辦法讓它使用y座標? – 2012-07-27 04:53:12

2

你不能像這樣在div中定義樣式,而是可以在css中定義div屬性並調用css的類或ID。

+0

無法定義它嗎?我不確定你在說什麼。 – animuson 2012-07-27 04:52:09

+0

標題是集中div而不是其內容,所以我可能不知道他想做什麼。 – 2012-07-27 06:28:55

1

試試這個。你必須設置一個div的寬度,如下所示,以使其工作。要指定內部股利居中文本,簡單地套用樣式=「文本對齊:中心」

<div id="logo" style="margin-left: auto; margin-right: auto; width: 500px; border: 1px solid #ff0000">Your content here....</div> 

注:設置500像素寬度您所需的寬度。另外,刪除border:指令。我只是補充說,所以你可以看到DIV被集中。

fiddle

+0

請注意,這將水平居中*。對於垂直居中,這有點困難。 – 2012-07-27 04:48:26

1
居中一個元素

最好的方法可能指定其寬度和把側緣爲auto:

例如,如果您logo1.png是570px寬,你會做這樣的事在css中

#logo{ 
    margin:0px; 
    margin-left:auto; 
    margin-right:auto; 
    width:570px; 
}