2012-09-29 25 views
0

可能重複:
Center contents of webpage中心網頁對準

我按照使網絡中心對齊但現場仍是左對齊的方式。請幫忙。由於

#parent{ 
     margin:0 auto; 
     width: 960px; 
} 
<div id="parent"> 
      <!--more code goes here--> 
</div> 
+0

在#parent 你可以用這個說法 文本對齊檢查:中心 –

回答

4

在某些瀏覽器你還是得把text-align在身上,使其工作:

body { 
    text-align: center; /* this helps some browsers align the #parent element */ 
} 

#parent{ 
    margin:0 auto; 
    width: 960px; /* a fixed width is mandatory for margin auto to work */ 
    text-align: left; /* this resets the contents alignment */ 
} 
+0

把它對齊。實際上,我爲身體使用了不同的寬度,爲父母使用了不同的寬度。刪除身體的寬度使其工作。如果你能幫助我理解爲什麼身體的寬度會發生這樣的問題,我很樂意將你的答案標記爲正確的。謝謝 –

+0

其實,身體元素是一個像其他所有元素一樣的元素。如果你爲它指定一個寬度並且不應用'margin:0 auto;',它將被左對齊,所以每個內容都是對齊的。 – rcdmk

+0

謝謝。需要更多的幫助。中心對齊已經移動到所有子div中,導致它們錯位。你可以幫我指出訣竅,使其僅指定父div。謝謝 –