標簽指定高度文字溢出處理

效果圖

 

 

 

 

 

<p>標簽語句

 

 <p class="news_info">0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷0514試卷</p>

<style>

.mytestcell_title {
  font-size: 16px;
  font-weight: bolder;
  height: 44px;
  margin: 0;
  margin-left: 10px;
  margin-right: 70px;
  overflow: hidden;/* 超出的文本隱藏 */
  text-overflow: ellipsis; /* 溢出用省略號顯示 */
  display: -webkit-box; /* 將對象作為彈性伸縮盒子模型顯示 */
  -webkit-box-orient: vertical; /*  從上到下垂直排列子元素（設置伸縮盒子的子元素排列方式） */
  -webkit-line-clamp: 2; /* 這個屬性不是css的規范屬性，需要組合上面兩個屬性，表示顯示的行數 */

}