Vue.js 在Vuetify.js中对齐v-row或v-col中的内容时出现问题

我在使用Vuetify正确对齐Vue应用程序中的内容时遇到问题

{{item.icon}
{{item.text}
...

---

我只想将其向右对齐。

将

方向：rtl

添加到您的

v-btn

，如下所示：

...
.rtl{方向：rtl；}

您在

上设置的属性不存在（即对齐端点和对齐端点）。它们是

组件（flex容器）上的属性。您需要改用类

选择组件属性时，请确保查阅Vuetify组件页面上的API->props部分

试一试

按钮

---

请注意，对齐方式取决于v-col的宽度。如果v-col的宽度仅与按钮的宽度相同，则需要使用cols=“x”属性来设置宽度。

我很确定这不是他们所要求的，但即使使用CSS的语言功能也不是正确的方法。您可以轻松使用

display:flex；flex-flow:row-reverse

实际上，我采用了类似的解决方案，但改用了v-card。这对我有用

很高兴你把它修好了。如果我的答案有帮助，我将非常感谢您通过单击向上投票/向下投票按钮下方的勾号将其标记为正确。