2016-10-31 12 views
-1

ho要素をautoで水平にセンタリングし、マージンを上または下に固定サイズに設定できますか?CSS自動でマージントップを設定する方法

以下は私のために動作するように思われる:

.class { 
margin: auto; 
margin-top: 100px; 
} 
+0

HTMLコードが不足していますが、「問題」が何であるかは不明です。どうした? –

+0

これはうまく動作します。代わりに、次のようにすることができます: 'margin:100px auto 0 auto;'、上から100px、左右に自動、下に0を...そして最後に'auto'も同様に – LGSon

+2

マージン"略語 "の亜種を学んでください:https://developer.mozilla.org/en-US/docs/Web/CSS/margin –

答えて

1

あなたは次の形式を使用して行うことができます上部または下部のパラメータに一定のマージン値を設定するには:

.class { 
    margin: 100px auto 100px auto; 
} 

上に100px、次に右にauto、次に下に100pxを設定してからautoにします。

+1

コードのみの回答は役に立ちません。これは何をするのですか?どのプロパティがどちらですか?追加の権限を持つ文書がありますか? –

+0

1ライナー形式のマージンとパディングは、次の順序で値を取ります。TOP RIGHT BOTTOM LEFT – Adrianopolis

+1

@Adrianopolisはい、ほとんどの人はそれを知っていますが、その答えはどこに記載されていますか? – LGSon

0

それは前の回答よりもさらに少し簡単です:だけがある場合

.class { 
    margin: 100px auto 0; 
} 

(あなたが0になるようにマージン下が必要な場合)あなただけ

.class { 
    margin: 100px auto; 
} 

を書いたりすることができます2つの値は、top + bottomとright + left marginのショートコードです。 3つの値がある場合、それは右上+左下です。

関連する問題