众所周知,border的虚线是固定宽度,如果需要一个不限制宽度,可用repeating-linear-gradient
画法文章来源:https://www.toymoban.com/news/detail-546419.html
.divider--dashed {
// border: dashed;
border-width: thin;
// border-color: #e6eaf2;
border-image: repeating-linear-gradient(
to right,
#e6eaf2 0px,
#e6eaf2 8px,
transparent 8px,
transparent 15px
)
1 repeat !important;
}
用法文章来源地址https://www.toymoban.com/news/detail-546419.html
<v-divider class="divider--dashed"></v-divider>
到了这里,关于css 虚线画法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!