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