el-row文字换行后实现整行自动撑开

el-row文字换行后实现整行自动撑开

element-ui 使用el-row展示param数据时,经常会有返回值文本过长,导致文字换行把单元格撑开,这事如果不设置任何属性,会导致lable单元格和值单元格高度不统一

实现单元格高度自适应需要在 el-row 设置 type=“flex” 属性就可以了

<el-row type="flex">
  <el-col :span="6">姓名:</el-col>
  <el-col>张三</el-col>
  <el-col :span="6">信息:</el-col>
  <el-col>阿萨大大阿达啊啊是打大苏打阿达阿大撒大苏打阿达打撒大的啊阿松大</el-col>
</el-row>

猜你喜欢

转载自blog.csdn.net/weixin_34403976/article/details/107618856