为什么align-end在vuetify中不起作用

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网格使用qazxsw poi。

• flexbox在垂直轴上运行
• 你想使用align-*让孩子水平翻译它
• justify-*和align-*只适用于flex容器，所以你可以使用justify-*而不是v-layout，或者只使用同一个v-flex上的两个属性

这是给你的v-layout。

Answer 2

你必须在fixed pen标签中使用text-xs-right而不是<v-flex>（参见align-end）。

Answer 3

如果你想将你的元素对齐到右下角，你可以这样做：

https://vuetifyjs.com/ru/layout/alignment