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

Tailwind CSS 練習問題 11:Tailwindの幅指定(width)ユーティリティ

Tailwind CSSにおいて、要素の幅を親要素いっぱいに広げたい場合、正しいクラスはどれか。

  1. w-full
  2. w-screen
  3. w-auto
  4. w-fit
  5. w-max
正解と解説を見る
正解:w-full

「w-full」は要素の幅を親要素の100%に設定するクラスであり、正解となる。「w-screen」はビューポート全体の幅(100vw)を指定するクラスで、親要素基準ではないため誤り。「w-auto」はブラウザのデフォルトの幅計算に任せるクラスであり、親要素いっぱいに広げるわけではないため誤り。「w-fit」はコンテンツに合わせて幅を調整するfit-contentを指定するクラスであり、親要素いっぱいにはならないため誤り。「w-max」はコンテンツの最大幅に合わせるmax-contentを指定するクラスであり、親要素の幅とは無関係のため誤り。

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