エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Tailwind和訳】FLEXBOX AND GRID/Grid Row Start / End
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Tailwind和訳】FLEXBOX AND GRID/Grid Row Start / End
<div class="grid grid-rows-3 grid-flow-col gap-4"> <div class="row-span-3 ...">1</div> <div class... <div class="grid grid-rows-3 grid-flow-col gap-4"> <div class="row-span-3 ...">1</div> <div class="col-span-2 ...">2</div> <div class="row-span-2 col-span-2 ...">3</div> </div> 開始線と終了線 row-start-{n}およびrow-end-{n}ユーティリティーを使用すると、要素を n 番目のグリッドラインで開始または終了させることができます。また、これらはrow-span-{n}ユーティリティと組み合わせて、特定の数の行にまたがることができます。 CSS のグリッドラインは 0 ではなく 1 から始まるので、3 行グリッドのフルハイトの要素は 1 行目から始まり、4 行目で終わることになります。 <div cla