ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3でfit-contentを使って水平方向のセンタリングを実現する方法の紹介

CSS3でfit-contentを使って水平方向のセンタリングを実現する方法の紹介

巴扎黑
巴扎黑オリジナル
2017-09-09 14:32:181816ブラウズ

今日は、CSS 属性である Fit-content について、CSS3 の width 属性に追加された新しい属性値について説明します。水平方向の中央揃えの効果を見てみましょう

モジュールを水平方向に中央揃えするとき、最初に思い浮かぶのは margin:0 auto です。そこで今日は、fit-content 属性を紹介します。使ったことがある人はこの記事を読み飛ばしていただいても構いません。この属性については、使用するどころか知りませんでした。この CSS 属性は、CSS3 で width 属性に新しく追加された属性値です。水平方向のセンタリング効果を簡単に実現できるようにするためのコードを見てみましょう。

幅が設定されておらず、要素に float:left が含まれている場合は、まずコードを見てみましょう:

この場合、fit- を追加するとナビゲーションは中央に配置されません。コンテンツを中央に配置するためにマージンを使用するを設定してください。

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

以上がCSS3でfit-contentを使って水平方向のセンタリングを実現する方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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