jsp顯示多行，僅顯示指定行數隱藏其他並變為省略號程式碼
阿新 • • 發佈：2019-01-31
當文字很多，顯示在網頁上面時候，很亂，不美觀：
省略文字程式碼如下：
<style>
.comment_inner{text-overflow: ellipsis; //
display: -webkit-box; /** 物件作為伸縮盒子模型顯示 **/
-webkit-box-orient: vertical; /** 設定或檢索伸縮盒物件的子元素的排列方式 **/
-webkit-line-clamp: 1; /** 顯示的行數 **/
overflow: hidden; /** 隱藏超出的內容 **/ //
display: -webkit-box;
}
</style>
可以把程式碼寫進去需要顯示的行中
<td style="width:300px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; " >${message.content}</td>
顯示結果如圖，成功地省略掉文字，並把多餘的變為省略號，自行改下大小寬度即可：
