React Reference > ons-col Component

<ons-col />

グリッドシステムにて列を定義します。ons-rowとともに使用し、コンポーネントのレイアウトに利用します。

使い方 


<ons-row>
  <ons-col width="50px"><ons-icon icon="fa-twitter"></ons-icon></ons-col>
  <ons-col>Text</ons-col>
</ons-row>

注意: Android 4.3以前、もしくはiOS 6以前のOSの場合、ons-rowとons-columnを組み合わせた場合に描画が崩れる場合があります。

関連情報

属性

[編集]
名前 型 / デフォルト値 概要
vertical-align String 縦の配置を指定する。”top”, “center”, “bottom”のいずれかを指定します。 Optional.
width String カラムの横幅を指定する。パーセントもしくはピクセルで指定します（10%や50px）。 Optional.

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。