vue的el-form-item标签的label展示名称左右对齐
vue的el-form-item是下面的样子<el-form-item label="产品名称"><el-input v-model="rightForm.productName"></el-input></el-form-item>项目中要求文字来那个段对齐,所以在网上百度一下,亲测实用的方法是在style中加入下面的代...
·
vue的el-form-item是下面的样子
<el-form-item label="产品名称">
<el-input v-model="rightForm.productName"></el-input>
</el-form-item>
项目中要求文字来那个段对齐,所以在网上百度一下,亲测实用的方法是
在style中加入下面的代码
.el-form-item label:after {
content: "";
display: inline-block;
width: 100%;
}
.el-form-item__label {
text-align: justify;
height: 50px;
}
.el-form-item.is-required .el-form-item__label:before {
content: none !important;
}
更多推荐
已为社区贡献1条内容
所有评论(0)