1

現代のWeb開発で理解しているように、要素を水平に並べるのはフロートを使用することです（たとえば、3列のレイアウトは2対1の方向と他の方向にフロートすることで実現されます）。ただし、これはさまざまな問題を引き起こします。現在、ヘッダーとコンテンツの両方に個別の列が必要なWebサイトで作業しているため、ほとんどすべてをフロートさせ、さまざまなマージンと幅を設定して、それらが飛び散らないようにする必要があります。 。

HTML5とCSS3が増加しているので、フローティングをより簡単なソリューションに置き換えるものがあるかどうか疑問に思っていますか？HTML5とCSS3は、特定のことを実現するためのより簡単な方法（border-radiusで角を丸めるなど）を導入しているため、Webサイトの複数の列は、面倒な作業を容易にするためにほとんど避けられないものであると考えられます。

4

2 に答える 2

1

はい、それはフレックスボックス、またはCSSフレキシブルボックスレイアウトモジュールです。

仕様は、候補推奨ステータスに達したため、かなり安定しているようです。この最新バージョンのブラウザサポートがどれほど優れているかわかりません。

これが最近の記事です。

于 2012-11-28T21:11:59.810 に答える
0

Twitter Bootstrapのようなレスポンシブフレームワークを見たことがありますか？レスポンシブフレームワークを使用すると、画面サイズに応じて列を設定するのが非常に簡単になります。

私の知る限り、フロートと動的幅を使用して独自の列を作成する以外に、列のCSSプロパティは組み込まれていません。

于 2012-11-28T21:07:43.607 に答える