样式:
.row {
display: flex;
padding-bottom: 10px;
}
.row-label {
display: inline-block;
width: 80px; /*label固定宽度*/
text-align: right;
padding-right: 10px;
color:'#333';
}
.row-content {
display: inline-block;
text-align: left;
flex: 1; /*修饰控件,自适应宽度*/
}
例子:
<div class="row">
<div class="row-label">姓名:</div>
<div class="row-content">控件</div>
</div>