layui表格內(nèi)容溢出的解決方法
更新時間：2019年09月06日 09:02:26 作者：逍遙游666
今天小編就為大家分享一篇layui表格內(nèi)容溢出的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
引言，我做文章管理的時候，引入的是layui的表格樣式，但是里面的內(nèi)容溢出無法隱藏，后來我采用了往td里面加了個<div></div>
然后設(shè)置一下樣式就可以了。
<table class="layui-table">
<colgroup>
<col width="100">
<col width="150">
<col>
</colgroup>
<thead>
<tr>
<th>序號</th>
<th>文章標題</th>
<th>文章內(nèi)容</th>
<th>發(fā)布時間</th>
<th>發(fā)布人</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${pageInfo.list}" var="a">
<tr style="height:auto;">
<td class="lid">${a.aId}</td>
<td>${a.aTitle }</td>
<td class="ac" style=""><div style="width:500px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;">${a.aContent}</div></td>
<td><fmt:formatDate type="both" dateStyle="long" timeStyle="long" value="${a.aTime}" /></td>
<td>${a.whoRelease}</td>
<td>
<button class="layui-btn-danger layui-btn layui-delete"><i class="layui-icon"></i></button></td>
</tr>
</c:forEach>
</tbody>
</table>
以上這篇layui表格內(nèi)容溢出的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼
這篇文章主要介紹了微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
js實現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)
這篇文章主要為大家詳細介紹了js實現(xiàn)ctrl+v粘貼上傳圖片，兼容chrome，firefox，ie11，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
用 js 的 selection range 操作選擇區(qū)域內(nèi)容和圖片
本篇文章主要介紹了用js的selection range操作選擇區(qū)域內(nèi)容和圖片的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
javascript實現(xiàn)數(shù)字倒計時特效
這篇文章主要介紹了javascript實現(xiàn)網(wǎng)頁倒計時數(shù)字時鐘效果，是一款非常實用的javascript倒計時特效,具有一定參考借鑒價值,需要的朋友可以參考下2016-03-03
正則又叫規(guī)則或模式，是一個強大的字符串匹配工具。javascript通過RegExp類型來支持正則表達式，本文給大家介紹javascript類型系統(tǒng)之正則表達式，對js正則表達式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
使用js簡單實現(xiàn)下常用的左側(cè)導(dǎo)航效果為提高導(dǎo)航性能而生，各位朋友可以參考應(yīng)用，希望對大家有所幫助2013-10-10
JScript的條件編譯...2007-05-05
js使用Array.prototype.sort()對數(shù)組對象排序的方法
這篇文章主要介紹了js使用Array.prototype.sort()對數(shù)組對象排序的方法,實例分析了Array.prototype.sort()的原理與相關(guān)的使用技巧,需要的朋友可以參考下2015-01-01
nodejs讀取本地中文json文件出現(xiàn)亂碼解決方法
在本篇文章中我們給大家分享了關(guān)于nodejs讀取本地中文json文件出現(xiàn)亂碼的解決方法，需要的朋友們可以學(xué)習(xí)下。2018-10-10
這篇文章主要為大家介紹了JS組件Bootstrap按鈕組與下拉按鈕的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-05-05