Googleは1月14日（現地時間）、Chrome 145以降でマルチカラムレイアウトレベル2仕様であるcolumn-wrapプロパティとcolumn-heightプロパティをサポートすることを発表した。これらを利用することで、列をブロック方向に新しい行として折り返せるほか、各行の高さを指定できるようになる。
従来のバージョンでは、マルチカラムコンテナの高さが制限されると、コンテンツがインライン方向にオーバーフローし、水平スクロールバーが表示される場合があった。新たなプロパティにより、この挙動を回避し、ビューポートに収まる柔軟なレイアウト配置や、ブロック方向カルーセルなど新しいUIパターンの実現が可能となる。
また、UIの可読性を高めるため、今後row-gapへの装飾追加や、行ルールのスタイル設定の機能追加も予定されている。
- 関連リンク
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
