Vue.js Vuetify在工具栏/应用程序栏中对齐堆叠元素

我一直在玩vuetify，我一直在尝试模仿一个特定的布局，看看我是否可以这样做，并添加标签。到目前为止，我已经能够把东西放在中心位置，但我认为这种方式很奇怪。我希望h1在阿凡达下面

我使用v形间隔物来居中，并添加了位于底部居中的选项卡

当我使用V形槽时，它将中间的一切对齐。 如果只是头像，那就完美了

当我在下面添加h1时，它不会直接在下面

我一直在看api，但不明白

这里有一个代码笔的链接

超级史蒂夫
表1
表2
表3
12
6.
4.
3.
2.
1.

帮我对准雕刻机下面的h1。我希望它对齐。

在

中，可以包括以下内容：

<v-container>
    <v-layout row>
        a spacer, the avatar, and another spacer
    </v-layout>
    <v-layout row>
       a spacer, the <h1>, and another spacer
    </v-layout>
</v-container>
the template for the extension

间隔符、化身和另一间隔符
一个垫片、一个垫片和另一个垫片
扩展的模板

---

这将插入一个网格，允许您将默认内容的单个容器分成两行。

谢谢！我没有意识到你可以在应用程序栏上添加v-content和网格。这打开了一个充满可能性的世界。我一定是在文件里漏掉了。

<v-container>
    <v-layout row>
        a spacer, the avatar, and another spacer
    </v-layout>
    <v-layout row>
       a spacer, the <h1>, and another spacer
    </v-layout>
</v-container>
the template for the extension