Javascript 如何使按钮跨越整个宽度？

我使用的Vuetify卡具有布局，并在复选框选择上呈现卡内部的一些

动态Vuetify组件

，该复选框选择呈现

分隔符

、

间隔符

、

工具栏

或

按钮

，但我不知道如何使按钮跨越整个宽度

基本上，

动态按钮

应该看起来像末端呈现整个宽度的按钮

请检查这个

请检查此工作示例：-

newvue({
el:“应用程序”，
数据（）{
返回{
定价：[{
正文：“实际价格：”，
价值：“$17000”，
},
{
文字：“折扣”，
价值：“$12345”，
}
],
要素：[{
标题：“分隔器”，
值：“v分隔器”
},
{
标题：“工具栏”，
值：“v形工具栏”
},
{
标题：“按钮”，
值：“v-btn”
}
],
选定：[]
};
}
});

{{option.text}
{{option.value}}
要求
使用.flex.xs12（12=flex-basis:100%；）
-或-
删除
xs12
（并添加按钮
block
属性=
flex:1 0 auto；
）


块按钮

使用.flex.xs12（12=flex-basis:100%；）
-或-
删除
xs12
（并添加按钮
block
属性=
flex:1 0 auto；
）


块按钮

“整个宽度？”你说的是卡片的边缘吗？（“没有填充物”）。我的坏，肯定是填充物。像
flex xs11
一样宽。使用
.flex.xs12
（12=flex-basis:100%）。无需担心@EzraSiton成功了。你可以加上这个作为答案。我会接受的。“整个宽度？”你说的是卡片的边缘？（“没有填充物”）。我的坏，肯定是填充物。像
flex xs11
一样宽。使用
.flex.xs12
（12=flex-basis:100%）。无需担心@EzraSiton成功了。你可以加上这个作为答案。我会接受的。
<!-- block buttons extend the full available width -->
<template>
  <v-btn block>
    Block Button
  </v-btn>
</template>