作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对 Vuetify 框架中的步进器组件有疑问,其中步骤的文本标签在 IE11 中重叠。请参阅下面的代码笔:
https://codepen.io/thorne51/pen/mjdQXb
<div id="app">
<v-app id="inspire">
<v-container>
<v-stepper v-model="e1" :alt-labels="true">
<v-stepper-header>
<template v-for="(step, index) in steps">
<v-stepper-step :step="step.stepNr">{{ step.label }}</v-stepper-step>
<v-divider v-if="index + 1 < steps.length"></v-divider>
</template>
</v-stepper-header>
<v-stepper-items>
<v-stepper-content v-for="(step, index) in steps" :step="step.stepNr" :key="index">
{{ step.stepNr }}. {{ step.label }}
</v-stepper-content>
</v-stepper-items>
</v-stepper>
</v-container>
</v-app>
</div>
new Vue({
el: '#app',
data () {
let steps = [];
for (let i = 0; i < 10; i++) {
steps.push({
label: 'regular driver\'s personal details',
stepNr: i + 1,
});
}
return {
e1: 0,
steps: steps,
}
}
})
.v-stepper__step {
flex: 1 1;
}
最佳答案
简单。只需从 v-stepper__step
类中删除 flex: 1 1;
。
关于css - Vuetify 步进器文本溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51284017/
有没有办法在 D 范围内创建一个步骤?例如,在 python 中, 范围(1、10、2)给我 [1, 3, 5, 7, 9] 1 .. 10 以内的所有赔率 有没有办法在 D 中使用
我在 javascript 和 css(没有 jquery 或其他任何东西)中的幻灯片作业有问题。 此幻灯片应该有两种模式,一种是 i) 自动显示图片,另一种是 ii) 手动更改它们。该按钮应分别更改
我有一个在堆栈上声明的结构。这是结构的样子: struct MyStruct { int integer; std::vector booleanVector; }; 当我使用 gdb
我的容器进入第一行,但是当 float 导致第二行开始时,第二行没有进入。如何防止踩踏? HTML echo "". $row["FirstName"]. "" . $day_month .""; C
我们在 VMWare 中运行 Linux Debian。使用 gdb 调试时,如果尝试跨过 memset/memcmp/strcmp 等...,gdb 会返回以下错误: Cannot find bou
我是一名优秀的程序员,十分优秀!