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>
顯示結果如圖,成功地省略掉文字,並把多餘的變為省略號,自行改下大小寬度即可: