布局：flex弹性布局_表单布局

输入框布局：我们常常需要在输入框的前方添加提示，后方添加按钮。

.InputAddOn {
  display: flex;
}

.InputAddOn-field {
  flex: 1;
}

<div class="InputAddOn">
　　　<span class="InputAddOn-item">用户姓名：</span>
  　　<input type="text" class="InputAddOn-field" /> 
　　  <button type="button" class="InputAddOn-item">确定</button> 
</div>