During the development process, I encountered a problem about page layout, how to left-align the label of an el-form-item in the el-form, the document provides the attribute label-position to control the position of the label of the entire form .
The label-width is provided in the document, and label-width:auto is set for a single el-form-item; the function is realized, but the verification prompt is misplaced, and finally the default style in the el-form cannot be modified to control His label is on the left
.group-item-vo {
display: flex;
justify-content: flex-start;
padding-bottom: 14px;
span {
margin-right: 20px;
}
}
Effect picture after modification: