2013-04-07 110 views
-1

我讀過很多關於這個問題,我想我做的一切正確,但缺少一些東西。保證金:0自動不起作用

這裏是我的代碼:

<div id="text">some text</div> 
#text {margin: 0 auto; width: 1000px; display: block; font-size: 24px; color: #000;} 

http://jsfiddle.net/yKBQD/

+0

你說這不工作,但目前還不清楚你想達到的目標。你是想將'div#text'放在一個更大的包含元素中,還是隻是試圖將'div#text'中的「一些文本」居中? – ASGM 2013-04-07 13:43:08

回答

1

看起來你正在尋找text-align: center風格,沒有margin: 0 autoDEMO

margin: 0 auto版本將需要另一元素中div#textDEMO

+0

當然,我已經進入邊緣了,我完全忘了文本對齊。謝謝 – user2013488 2013-04-07 13:58:52

1

汽車利潤中心通過增加左邊距,直到它等於右邊距的元素。如果元素寬於其容器,那麼它根本不會移動元素。 JS Fiddle幀很少會超過1000像素寬。

自動邊距中心元素,而不是其內容。除非添加邊框,背景,輪廓等,以使邊緣可見,否則您將無法看到元素的位置(如果它的寬度或寬度大於其容器)。

要在元素內部居中嵌入元素和文本,請在包含元素和元素的元素上設置text-align: center