Webflowのテキスト列を活用する

テキスト列を使用すると、水平方向のスペースの使用を最適化し、読みやすさを維持できます。スタイル パネルでは、テキスト要素やフォームなどの他のコンポーネントに影響を及ぼす列テキストを生成することができます。さらに、見出しを複数の列にまたがるように構成したり、独自の列内で折り返したりすることもできます。

列の活用

コンテンツを複数の列に配置するには、入力フィールドに列数（列の数を示す）を指定します。

テキスト列のプロパティにアクセスして、列の設定をカスタマイズします。

列数

列数入力フィールドの初期値は自動に設定されており、これは 1 列に相当します。

列入力フィールドで列の数を定義できます。モバイル デバイスでコンテンツが 1 列内に表示されるようにするには、モバイル ビューに移動して列数を自動に設定します。

テキスト列のプロパティ

列数を指定したら、列数入力の横にあるテキスト列のプロパティに進みます。

ここでは、列間のギャップを指定したり、列の区切りを組み込んでスタイルを設定したり、列の子がすべての列にまたがるように構成したりできます。

ギャップ

デフォルトのギャップ（列間のスペース）は 0 px です。列のプロパティで調整できます。

詳細はこちら入力値と単位.

仕切りの構成

新聞のような見た目を目指す場合は、列の間に区切り線（線または罫線）を挿入することができます。 スタイル, 幅、 そして 色 このセクションのこの区切り線。

スタイル

次の線のスタイルから選択します。

• ルールなし (x)
• 固体 - -
• 破れた——-
• 点在……。

幅

色

列子

スパン

する」。