1. 強制一行的情況很簡單

overflow:hidden;　　　　 //超出的隱藏

text-overflow:ellipsis;　　//省略號

white-space:nowrap;　　//強制一行顯示

2. 如果要強制兩行的話，得用到css3的知識

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;　　//以此類推，3行4行直接該數字就好啦

在實際項目中，我們會發現-webkit-box-orient沒有生效，需要加入如下註釋

/*! autoprefixer: off */

最終代碼：

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

/*! autoprefixer: off */

-webkit-box-orient: vertical;

原文：https://blog.csdn.net/Tracy_frog/article/details/77881808

css文本強制兩行超出就顯示省略號