css如设置文本标题不换行，超出部分隐藏

1、自动换行

div{
  word-wrap:break-word;
  word-break:normal;
}

2、强制不换行

div{
  white-space:nowrap;
}

3、强制英文单词换行

div{
  word-break:break-all;
}

4、单行文本不换行多余文本显示省略号

div{

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

5、多行文本超出隐藏多余文本显示省略号

div{
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

6、table表格中单元格单行文本不换行

table{
  table-layout:fixed;
}table tr td{
  width:60%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}