セクションとカラム内の垂直方向と水平方向の位置合わせを調整して、”ストレッチ・トゥ・フィル “レイアウトを実現します。これにより、高さの異なるカラムの要素を互いに整列させることができます。
![Elementorセクション/カラムの縦・横の位置合わせの例・アニメーションgif](https://estival.jp/wp-content/uploads/column-alignment-bottom-bfly.gif)
各セクション/列について、整列オプションを設定します。
セクション/カラム> レイアウト
垂直方向の整列:セクション・カラム
![Elementorセクション - レイアウト - 垂直方向に整列の設定画面](https://estival.jp/wp-content/uploads/セクションカラム-レイアウト-レイアウト-垂直方向に整列.jpg)
以下の中から選択します。
- 上
- 中央
- 下
- スペースの間隔(Space Between) – ウィジェットはカラムの端で開始と終了を行い、それらの間には等間隔のスペースがあります。
- 周りのスペース(Space Around) – ウィジェットは等間隔に配置され、端はウィジェット間のスペースの半分のサイズになります。
- 均等に配置(Space Evenly) – ウィジェットの間、前後に等間隔のスペースがあります。
![Elementorセクション:カラムの垂直方向整列のスペースの種類の説明](https://estival.jp/wp-content/uploads/spaceoptions-1024x690.png)
水平方向の整列:カラム
これによりインライン配置の機能が拡張され、同じ行に配置されたインラインウィジェットを水平方向に整列させることができます。以下から選択します。
![](https://estival.jp/wp-content/uploads/カラム-レイアウト-レイアウト-Horizontal-Align.jpg)
- 開始
- 中央
- 終了
- スペースの間隔(Space Between) – 垂直方向のコントロールと同じです。
- 周りのスペース(Space Around) – 垂直方向のコントロールと同じです。
- 均等に配置(Space Evenly) – 垂直方向のコントロールと同じです。
![](https://estival.jp/wp-content/uploads/spaceoptions2-1024x494.png)