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

Tailwind CSS 練習問題 4:Tailwindのフレックスボックス

以下のHTMLをフレックスボックスで横並びにし、アイテム間に均等な間隔を持たせたい場合、正しいTailwindクラスはどれですか?

```html
<div>
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
```

  1. flex gap-4
  2. flex justify-between gap-4
  3. grid grid-cols-3
  4. inline-block space-x-4
  5. flex flex-col gap-4

Qraftユーザーの成績:正答率 77%(10/13回正解)

正解と解説を見る
正解:flex gap-4

Tailwindで横並びレイアウトを作るには`flex`クラスを使用します。`gap-4`はアイテム間に16pxの間隔を作ります。`flex`だけで横方向(row)が標準です。

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