elementui表单el-form的label⾃适应宽度并左对齐
el-form标签中label-width设置为auto，label就会⾃适应标签的长度，但会默认右对齐(此时使⽤label-position="left"也⽆法改变对其⽅式)
css布局左边固定右边自适应
代码如下：
效果图：
此时，label以右对齐的⽅式进⾏⾃适应，经过调查发现，element中是通过
.el-form-item__label-wrap { float: left; }
将label向左票之后，通过填补margin-left实现右对齐，所以想让label⾃适应之后左对齐，只需要将margin-left设置为0px即可。
css代码如下：
.el-form-item__label-wrap {
margin-left: 0px !important;
}
左对齐后的效果如下：
另外：如果label-width是设定了固定值，那么可以通过labe-position直接设置label标签的对齐⽅式 (可参考elementUI官⽅⽂档说明)。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。