固定寸法のコンテナ内で Div を水平に整列させるにはどうすればよいですか?-CSSチュートリアル-php.cn

固定寸法のコンテナ内で Div を水平に整列させるにはどうすればよいですか?

Barbara Streisand

リリース： 2024-11-10 09:57:02

オリジナル

157 人が閲覧しました

How to Align Divs Horizontally Within a Container with Fixed Dimensions?

固定サイズのコンテナ内で div を水平方向にフローティングする

質問:

コンテナ内で div を水平方向に整列させる必要があります、しかし、親の高さが制限されているにもかかわらず、オーバーフローした要素が次の行に分割されるという問題に直面しています。インライン要素を使用して希望のレイアウトを実現することはできません。

解決策:

div を水平方向に整列させ、オーバーフローの問題を防ぐには、コンテナ内に内部 div を追加することを検討してください。すべての浮動 div を収容するのに十分な幅を持っています。このソリューションのコード例は次のとおりです:

#container {
  background-color: red;
  overflow: hidden;
  width: 200px;
}

#inner {
  overflow: hidden;
  width: 2000px;
}

.child {
  float: left;
  background-color: blue;
  width: 50px;
  height: 50px;
}

ログイン後にコピー

<div>

ログイン後にコピー

以上が固定寸法のコンテナ内で Div を水平に整列させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。