直接上代碼：
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>文字超過兩行或三行就顯示省略號</title>
<style type="text/css">
.p1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
overflow: hidden; // 超出的文本隱藏
text-overflow: ellipsis; // 溢出用省略號顯示
white-space: nowrap; // 溢出不換行
display: -webkit-box; // 將對象作為彈性伸縮盒子模型顯示税手。
-webkit-line-clamp: 2; // 這個(gè)屬性不是css的規(guī)范屬性匪燕，需要組合上面兩個(gè)屬性挣输，表示顯示的行數(shù)疮薇。
-webkit-box-orient: vertical;? // 從上到下垂直排列子元素（設(shè)置伸縮盒子的子元素排列方式）
</style>
</head>
<body>
<p class="p1">
動(dòng)機(jī)客戶趕快交電話費(fèi)開發(fā)將對方很高科技的化工科技和登記客戶對方更好看的恢復(fù)規(guī)劃的國際化考核得分科技化工等客觀和登記和高科技好讀后感京東框架讀后感動(dòng)機(jī)客戶趕快交電話費(fèi)開發(fā)將對方很高科技的化工科技和登記客戶對方更好看的恢復(fù)規(guī)劃的國際化考核得分科技化工等客觀和登記和高科技好讀后感京東框架讀后感動(dòng)機(jī)客戶趕快交電話費(fèi)開發(fā)將對方很高科技的化工科技和登記客戶對方更好看的恢復(fù)規(guī)劃的國際化考核得分科技化工等客觀和登記和高科技好讀后感京東框架讀后感動(dòng)機(jī)客戶趕快交電話費(fèi)開發(fā)將對方很高科技的化工科技和登記客戶對方更好看的恢復(fù)規(guī)劃的國際化考核得分科技化工等客觀和登記和高科技好讀后感京東框架讀后感
</p>
</body>
</html>
