在写项目的时候,发现label标签总是默认右对齐,但是设计图是左对齐,就思考了以下
打开控制台-> 选择label 元素
出现了如下代码

可以看到,是因为采用了flex 布局, 且布justify-content 的值为 flex-end
所以默认右对齐
所以解决方法有两种
//第一种
:deep(.el-form-item__label){
display: block;
}
// 第二种
:deep(.el-form-item__label){
justify-content: flex-start;
}
在项目开发中遇到label标签默认右对齐的问题,分析发现是由于使用了flex布局且justify-content设置为flex-end。文章提出了两种解决方案:一是将display设置为block,二是将justify-content改为flex-start,从而实现左对齐效果。
345

被折叠的 条评论
为什么被折叠?



