[CSS] 両端に余白があるコンテナをページの中央に配置する古い実装方法と最近の実装方法

ページの端から端まで伸びる背景があり、コンテンツは両端に空白があり、中央に配置されています。ここ数年で増えてきたレイアウトです。 この内側のコンテナを実装するさまざまな方法、それぞれの利点と欠点、解決方法を紹介します。 The “Inside” Problem 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近のWebでよく見かけるレイアウト 古典的な解決策: 外側と内側のコンテナ 単一の要素だけの場合 コントロールが可能なコンテナがある場合 親にoverflow-xを使用しなくてもいい場合 CSS GridまたはFlexboxは役立ちますか？ 代わりに、端をフェイクする 最近のWebでよく見かけるレイアウト あなたはWebページの実装に取り組んでいます。レイアウトには端から端まで水平方向に伸びるbackground-colo

[coliss]

最近増えてきた、中央配置のいろいろなスタイルシートの実装方法。

[kip-s]

Webの技術ってこの手の小技多すぎないか

[s99e209]

full-widthのテクニックでどんな幅でも中央にコンテナを配置できる。

[oshishosan]

display:table　margin:0 auto