在写项目的时候,发现label标签总是默认右对齐,但是设计图是左对齐,就思考了以下
打开控制台-> 选择label 元素
出现了如下代码
可以看到,是因为采用了flex 布局, 且布justify-content 的值为 flex-end
所以默认右对齐
所以解决方法有两种
//第一种
:deep(.el-form-item__label){
display: block;
}
// 第二种
:deep(.el-form-item__label){
justify-content: flex-start;
}