2017-06-02 6 views
0

私はまだCSSの新機能です。私はそのは、text-alignの間で異なる:centerとmargin auto?

text-align:center; 

margin:auto; 

知っ は中央に要素を入れました。 しかし、それらの間の正確な違いは何ですか? ありがとうございます。

+2

'text-align:center'は' text-align'が適用される親要素の内部でインラインとインラインブロックの内容を中心にします。それは要素の子に影響します。 'margin:auto'は' width'と100%未満の組み合わせでブロックレベルの要素を水平方向に中央に配置します。 –

答えて

0

井戸
これは、それらのすべてのプロパティが機能するかどうかによって異なります。
margin:の場合、要素の辺に指定された値が与えられます。例えば

margin: 5px; 

素子を5pxの各側のエッジを与えます。 ですので、使用する場合など
margin:0 auto;
要素には、0pxの端部の上端と下端からが与えられます。左右にの自動等角を付けてください。それで、それは中心に移動します。 text-align: center;
については

これは、その名のようにテキストで最も使用されています。テキストを使用して、テキストを左、右、または中央に揃えることができます。

2

text-align:centerはコンテナの内容を中央に配置し、margin:autoはコンテナ自体を中央に配置します。

関連する問題