Javascript 更改同一组中两个单选按钮之间的间距

是否可以更改两个水平单选按钮之间的间距？这两个按钮都在同一组中，我想将右侧的按钮（“清除选择”）移到右侧，以便与下面另一组中的按钮匹配

                <v-radio-group v-model="consent.newselection2"
                row
                   >
                  <v-radio
                   class="radio"
                    color="yellow"
                    v-for="item in conclusionnewitems2"
                    :rules="rules"
                    :key="item"
                    :label="item.label"
                    :value="item.value"
                  ></v-radio>
                </v-radio-group>

---

看起来您使用的是Vuetify（或类似的框架），但只要不覆盖您的样式，您可以使用类和一些CSS：

.左{
左填充：4px；//或您想要多少
}

…或使用简单样式属性：

---

编辑：仅移动一个（例如，编号2）： 我喜欢在循环中使用索引，并添加如下动态类：

---

这意味着只有第二个（idx==1）将剩下填充。

谢谢您的回答。问题是它会同时移动两个单选按钮。我正试图移动正确的一个，但因为他们在同一组，这证明是困难的。是的，我使用vuetifyI更新了答案：）注意，您可以使用

idx！==0

或动态类属性中此类三元运算符的任何其他布尔检查。

conclusionnewitems2: [
       { label: "Website", value: {'var1':"On our website", 'var2': "included on our website"}},
       { label: "Clear slelection", value: "null"},
],