Tailwind CSS 練習問題 64：背景画像の配置
Tailwind CSSにおいて、要素に設定した背景画像を常に「要素の中央」を基準にして表示させたい（CSSの `background-position: center;` に相当）場合、正しいクラスはどれか。
- `bg-center` クラスを使用して画像を中央に配置する
- `bg-middle` クラスを使用して画像を中央に配置する
- `img-center` クラスを使用して画像を中央に配置する
- `pos-center` クラスを使用して画像を中央に配置する
- `pic-center` クラスを使用して画像を中央に配置する
正解と解説を見る
正解：`bg-center` クラスを使用して画像を中央に配置する
正解は、「bg-center」というユーティリティクラスを使用する記述です。
【正解の理由】
Tailwind CSSでは、背景画像の配置位置（CSSの `background-position` プロパティ）を指定するために `bg-{位置}` という形式のクラスを使用します。中央に配置する場合は `bg-center` が正しいクラスとなります。
【不正解の理由】
• 「`bg-middle`」というクラスは、CSSに `middle` という配置値が存在しないため誤り（正しい値は `center`）
• 「`img-center`」というクラスは、背景画像の操作に `img-` プレフィックスを使用しておらず無効
• 「`pos-center`」というクラスは、位置指定のためのプレフィックスとして誤っている
• 「`pic-center`」というクラスは、画像（picture）を示す独自のプレフィックスを使用しており存在しない