爲什麼對齊結束不起作用

Question

我使用vuetify佈局，我想在右側做按鈕，但我發現align-end這是vuetify屬性不起作用，我使用offset-xs9使按鈕右側，但按鈕正在中心v-flex，如何使它結束？幫助感謝

這樣的代碼：

<div id="app"> 
    <v-app id="inspire"> 

    <v-layout row wrap align-end> 
     <v-flex xs3 offset-xs9 align-end> 
     <div> 
      <v-btn primary dark>Normal</v-btn> 
     </div> 
     </v-flex> 
    </v-layout> 

    </v-app> 
</div> 

和online codepen

Answer 1

Vuetify的網格使用flexbox。

• align-*操作，並且在垂直軸上
• 要使用justify-*爲孩子它水平移動
• align-*和justify-*只在Flex容器，因此您可以使用一個v-layout代替v-flex的，或者同時使用這兩個屬性v-layout

這是您的fixed pen。