> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# カラムレイアウト

> このページでは、レイアウトコンポーネントの使い方を説明します。コンポーネントの選択、レイアウト設定（カラム比率、カラム間隔、行間隔など）、およびスタイル設定について解説します。

## 1. はじめに

主にレイアウト用途で使用し、他のコンポーネントと組み合わせて利用できます。

ポイント：カラムのサイズは自由に調整できますが、カラムレイアウトの位置（左・中央・右）は移動できません。

## 2. 手順

### 2.1 コンポーネントを選択

コンポーネントを選択してデザイナーにドラッグし、その中に他のコンポーネントを追加します。

コンポーネントの追加。

### 2.2 レイアウトを設定

* レイアウト：デフォルトは2カラムです。1カラム（コンテナと同等）、3カラム、4カラム、6カラムに対応しています。

* カラム比率：合計12単位の範囲内で調整可能です。例：3:9、9:3、8:4、または3:6:3。

* カラム間隔：特大、大、中、小、極小、なし、カスタムから選択できます。

* 行間隔：特大、大、中、小、極小、なし、カスタムから選択できます。

レイアウトの設定。

### 2.3 スタイルを設定

デフォルトの状態やその他のスタイルオプションを必要に応じて調整します。

スタイルの設定。