fit-content は要素の水平方向の中央揃えを実現します

今回は、fit-content を使用して要素の水平方向の中央揃えを実現する方法を紹介します。fit-content を使用して要素の水平方向の中央揃えを実現する場合の 注意事項 について説明します。見て。

モジュールを水平方向に中央揃えするとき、最初に思い浮かぶのは間違いなく

margin:0 auto; です。そこで今日は、fit-content属性を紹介します。使用したことのある生徒がいるかどうかはわかりません。使用したことがない人は、この記事を読み進めてください。この属性については、これまで知りませんでした。ましてや、この CSS 属性は、width に追加された新しい属性値であることがわかりました。 CSS3 の 属性を使用して、水平方向の中央揃えの効果を簡単に実現できます。

幅が設定されておらず、要素に float

:left が含まれている場合は、まずコードの一部を見てみましょう:

つまり、この

navigation は、フィットするように設定しても中央に配置されません。 -コンテンツとマージンを加えてセンタリングを実現します。

現在、この属性は Chrome と Firefox ブラウザのみをサポートしています。 以下は中央にあるコードです:

さらに興味深い内容については、この記事の事例を読んだ後、この方法を習得したと思います。 、php中国語ウェブサイトその他の関連記事にご注意ください！

推奨読書:

css3 でのポインターイベントの使用の詳細な説明

CSS を完全に使用して要素の中央揃えを実現する

font-size-adjust 属性が Web ページのレイアウトを最適化する方法

以上がfit-content は要素の水平方向の中央揃えを実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。