ホームページ  >  記事  >  ウェブフロントエンド  >  CSSレイアウト学習メモ max-width_html/css_WEB-ITnose

CSSレイアウト学習メモ max-width_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:07:541871ブラウズ

ブロックレベル要素の幅を設定して、コンテナーが左から右に埋まらないようにします。次に、左右のマージンを自動に設定して、水平方向の中央に配置できます。要素は指定した幅を占め、残りの幅は左右の 2 つのマージンに分割されます。

すごいです

唯一の問題は、ブラウザ ウィンドウが要素の幅より狭い場合、ブラウザはページに合わせて水平スクロール バーを表示することです。

この場合、width の代わりに max-width を使用すると、ブラウザが小さなウィンドウの状況をより適切に処理できるようになります。

div{  width: 600px;  margin: 0 auto; }

この知識ポイントは非常に簡単ですが、非常に重要だと思うので記録します〜

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