OnsenUI ons-bottom-toolbar align

Question

为什么此代码仅适用于＆＃34; ons-toolbar＆＃34;

 <ons-bottom-toolbar>
  <div class="left">
    <ons-icon icon="ion-android-share-alt"></ons-icon>
  </div>
</ons-bottom-toolbar>

如何在没有CSS的情况下进行水平对齐？

Answer 1

您可以使用ons-row和ons-col进行布局。 https://onsen.io/reference/ons-col.html

例如，如果你想让左边是30％而中间是50％而右边是20％你可以这样做：

<ons-row>
   <ons-col width="30%"> Left </ons-col>
   <ons-col width="50%"> Middle </ons-col>
   <ons-col width="20%"> Right </ons-col>
</ons-row>