Vue 2 Reference > v-ons-row

v-ons-row

グリッドシステムにて行を定義します。ons-colとともに使用し、コンポーネントの配置に使用します。

使い方 


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

注意: Android 4.3以前、もしくはiOS 6以前のOSの場合、ons-rowとons-colを組み合わせてそれぞれのons-col要素のvertical-align属性の値に別々の値を指定すると、描画が崩れる場合があります。vertical-align属性の値には一つの値だけを指定できます。

関連情報

Prop一覧

名前 型 / デフォルト値 概要
vertical-align String 縦に整列するために指定します。top、bottom、centerのいずれかを指定できます。 Optional.

お困りですか?

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

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

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