ホームページ  >  記事  >  ウェブフロントエンド  >  「margin:0 atuo;」とはどういう意味ですか?

「margin:0 atuo;」とはどういう意味ですか?

Guanhui
Guanhuiオリジナル
2020-05-29 15:26:294853ブラウズ

「margin:0 atuo;」とはどういう意味ですか?

「margin:0 atuo;」とはどういう意味ですか?

"margin:0 atuo;" は水平方向のセンタリングを意味します。margin の後にパラメータが 2 つしかない場合、最初のパラメータは上下を表し、2 番目のパラメータは左右を表します。下限は 0 で、左右の端は幅に応じて同じ値に適応します。この式は水平方向のセンタリングを意味します。

CSS の水平方向の中央揃え方法

インライン要素:

インライン要素はインライン要素です。たとえば、

「text-align:center」スタイルを使用してコンテナを直接構築すると、コンテナに含まれるすべてのインライン要素が中央に配置されます。

 <div style="text-align:center;border-style:solid">
        <p style="border-style:solid;width:500px">我是块级元素,我不居中</p>
        <span style="border-style:solid">我是行内元素,我要居中</span>
    </div>

ブロックレベル要素:

ブロックレベル要素は次のとおりです: div、p、form、ul、li、ol、dl、form、address、fieldset、hr、menu、table

固定幅は実際には解決するのが簡単です。 margin:0 auto を使用してコンテナを中央に配置し、text-align:center を追加してテキストを中央に配置するだけです。

<p style="border-style:solid;text-align:center;margin:0 auto;width:500px">我是定宽块级元素,我要居中</p>

推奨チュートリアル: 「CSS チュートリアル



以上が「margin:0 atuo;」とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。