利用CSS属性white-space实现el-table表头文字换行

white-space CSS 属性是用来设置如何处理元素中的空白。

这个属性表明了两件事:

  • 空白字符是否以及如何它们该如何合并。
  • 行是否采用软换行。

下面的表格总结了各种 white-space 值的行为:
利用CSS属性white-space实现el-table表头文字换行_第1张图片
例子:
利用CSS属性white-space实现el-table表头文字换行_第2张图片
注意双引号与单引号都是必要的

<el-table-column :label="'列名很长\n需要换行'" />
.el-table th>.cell{ 
    white-space: pre-line;
}

你可能感兴趣的:(vue.js,javascript,前端)