Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
element ui label换行_label自动换行,希望能够帮助你!!!。

想要实现label中换行的问题，我们以下面两种方式进行解决。

1.依赖CSS的方法

1.label中增加 \n <el-table-column prop="name" :label="'姓名\nname'" min-width="100"></el-table-column> 2.设置white-space样式 .el-table .cell { 
    　　white-space: pre-line; } 如果没有生效，查看一下css的权重问题，粗暴的方法可以使用!important 

2.label中增加/，绑定render-header方法

<el-table-column :render-header="renderHeader" prop="capacity" label="姓名/name" min-width="90" align="center" /> renderHeader方法: renderHeader(h, { 
     column }) { 
    return h('span', { 
   }, [ h('span', { 
   }, column.label.split('/')[0]), h('br'), h('span', { 
   }, column.label.split('/')[1]) ]) } 

3.效果

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。