Qraft(クラフト) 資格・学習クイズアプリ

CSS基礎 練習問題 4:CSSフレックスボックス

要素を横並びにしてアイテム間に16pxの間隔を持たせたい場合、正しいCSSの書き方はどれですか?

  1. display: flex; gap: 16px;
  2. display: flex; margin: 16px;
  3. display: grid; gap: 16px;
  4. display: flex; space: 16px;
  5. display: flex; padding: 16px;
正解と解説を見る
正解:display: flex; gap: 16px;

フレックスボックスで横並びにするには`display: flex;`、アイテム間隔を設定するには`gap`プロパティを使用します。`gap`はフレックスアイテム間に均等な間隔を作ります。

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)