執筆中のため、情報が古い・足りない場合があります。ご容赦ください。
スタックレイアウト
要素を縦方向、横方向にスタックさせるときは、スタックレイアウトを使用します。
縦スタック .vstack
vstackクラスを使用して、要素を縦に並べます。
クラスと要素
以下のクラスをvstackクラスと併用することで、見た目を調整できます。
| クラス名 | 説明 |
|---|---|
.dense
| 余白を取り除きます |
例
横スタック .hstack
hstackクラスを使用して、要素を横に並べます。
クラスと要素
以下のクラスをvstackクラスと併用することで、見た目を調整できます。
| クラス名 | 説明 |
|---|---|
.dense
| 余白を取り除きます |
.wrap
| 要素が収まりきらないとき、折り返します |
.fill
| 要素を横いっぱいに広げます |