VUE ElementUI 表单布局（Flex弹性布局实现） 作者：马育民 • 2024-11-07 14:45 • 阅读：10008 样式： ``` .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> ``` 原文出处：http://www.malaoshi.top/show_1IX8kTCCbuIH.html