2013-05-28 45 views
10

我儘可能簡化了代碼,但仍然無法使其居中。我相信我對CSS的缺乏經驗讓我看不到極其簡單的東西。CSS margin自動不居中

如果有人也知道一些好的CSS資源,那就太好了。我已閱讀了很多CSS書籍的章節,但都非常基本,涵蓋了相同的內容。

CSS標記:

/* MAIN ––––––––––––––––––––– */ 
html { 
    /* overflow-y:scroll; */ 
} 
body { 
    /* margin:0; */ 
    /* position:relative; */ 
} 
/* Form ––––––––––––––––––––– */ 
#form { 
    margin:0 auto; 
    width: 300px; 
    height: 200px; 
    display: inline-block; 
    border: 2px solid black; 
} 

的index.html

<html> 
    <body> 

    <form id='form'></form> 

    </body> 
</hml> 

回答

18

更改顯示阻塞,如果你想使用保證金:自動定心。這不適用於內聯元素。

+0

好的,那是我多次出錯的地方,謝謝。 – Crispy

+2

文本對齊:如果您需要混合內嵌和阻止,則可以使用內聯和內嵌塊元素。 –