単純な横並びのレイアウトはgridがおすすめ
320 ワード
flexだと横並びにしたコンテンツ間のマージン設定がしづらい。
gridだと下記のような書き方で簡単に設定できる。
.クラス名{
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
gapプロパティを設定することでアイテム同士の横方向と縦方向の間隔をまとめて指定できる点がflexとの違いの一つ。
以上です。 お読みいただきありがとうございます。
Author And Source
この問題について(単純な横並びのレイアウトはgridがおすすめ), 我々は、より多くの情報をここで見つけました https://qiita.com/spanky-H/items/84442018269d6a7ac070著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .