将表头固定为两行三点

Question

有一个带有thead的表格，我需要将它里面的元素固定到两行，我的意思是，如果这个标题文本超过两行，文本的其余部分必须用三个点显示。Hovewer而不是两个换行符，我只能用一行和white-space:nowrap

​

我怎样才能做到这一点呢？

更新:当我添加.table thead th { display: -webkit-box!important;时

`-webkit-line-clamp: 2!important;`

`-webkit-box-orient: vertical!important;`

`overflow: hidden!important;  }` , it shows the column of table as vertical like that: 

​

Answer 1

在没有看到代码的情况下，我建议：

.content{   
   display: -webkit-box;   
   -webkit-line-clamp: 2;   
   -webkit-box-orient: vertical;     
   overflow: hidden; 
}

更多信息请点击此处：https://medium.com/@elad/trimming-multi-lines-in-css-5ae59d5e6d84

Answer 2

使用此css属性

.class {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}