2013-05-28 4 views
10

私はできるだけコードを簡略化しましたが、それでも中央に置くことはできません。私はCSSの私の未熟さが私に何か非常に簡単に見ることを許可していないと信じています。CSSのマージンがセンタリングされない

誰かが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

テキストアライメント:インラインとインラインブロックの要素をインラインで混合してブロックする必要がある場合、centerはそれを使用できます。 –

関連する問題