2013-08-04 61 views
0

我試圖編輯一個tumblr主題,使我的帖子集中在一個圖像(圖像是在一個div)我試圖給帖子和div在CSS中的相同邊距,但我似乎無法得到div內的圖像在頁面上正確居中。即使在瀏覽器窗口調整大小的情況下,我也希望帖子能夠在圖像內水平完全居中。任何人都知道我能做到這一點?有沒有更容易的方式比在div中的圖像?這裏是一個鏈接到我的代碼如何將div圍繞另一個元素?

http://pastebin.com/x6MP6EYQ

+1

很難從代碼中收集太多內容。在jsFiddle上發佈一個工作示例。將圖片設置爲背景可能會更好,也許可以用'margin:0 auto;'將帖子居中,但我更願意看到一個真實的例子。 –

+0

您能否向我們展示您正在處理的模板,使用純文本,很難調試。 'text-align:center' ** might ** work。 – VenomVendor

回答

0

首先,我會建議使用圖像作爲背景圖像。很容易處理它,因爲它不會影響div內的其他東西。第二,如果你要使用圖像,你可以絕對定位它,主要div應該相對定位。然後,一旦圖像已經定位,即top:0; left:0;z-index:-100;,這樣它將永遠落後。

使div總是在水平方向,垂直方向和兩個方向都居中。看我的例子。在這裏:

http://jsfiddle.net/techsin/TfLTR/

0
try style=aligen:center; 

只是你可以像填充和利潤率也樣式表標籤管理。