时间戳

首页 > 解决方案 > Q 关于 Vuetify 复选框对齐

checkbox - Q 关于 Vuetify 复选框对齐

问题描述

如何将 Vuetify 复选框向右对齐？

<div style="height:20px; *alignment: right*">
    <v-checkbox label="checkbox"></v-checkbox>
</div>

我认为上述设置无效，那我该怎么办？提前感谢您的帮助

标签： checkboxalignmentvuetify.js

解决方案

使用 flexbox，您可以执行以下操作：

<div style="width: 200px; border: 1px solid black; display: flex; justify-content: flex-end">
  <div style="width: 50px; height: 50px; background-color: red;"></div>
</div>

所以你的代码看起来像这样：

<div style="height:20px; display: flex; justify-content: flex-end">
    <v-checkbox label="checkbox"></v-checkbox>
</div>

推荐阅读