TOPCSS CSSのflexbox(display:flex;)を使った縦並び、横並びレイアウトの基礎知識 CSSのflexbox(display:flex;)を使った縦並び、横並びレイアウトの基礎知識 公開日:2016.12.29 更新日:2023.01.21 CSS display:flex;を使ったレイアウト方法をまとめました。 上下左右のレイアウトに柔軟に対応できるので、レスポンシブやグリットレイアウトに役立ちます。 より複雑なレイアウトを行いたい場合は、こちらの記事をご覧ください。 display:grid; を使ってCSSのみでタイルレイアウトを実装する