layui表格內(nèi)容溢出的解決方法
更新時間:2019年09月06日 09:02:26 作者:逍遙游666
今天小編就為大家分享一篇layui表格內(nèi)容溢出的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
引言,我做文章管理的時候,引入的是layui的表格樣式,但是里面的內(nèi)容溢出無法隱藏,后來我采用了往td里面加了個<div></div>
然后設置一下樣式就可以了。
<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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
如何確保JavaScript的執(zhí)行順序 之實戰(zhàn)篇
我曾在文章《如何在多個頁面使用同一個HTML片段 - 續(xù)》的最后提到JavaScript順序執(zhí)行的特性。雖然現(xiàn)代瀏覽器可以并行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴關系,他們的執(zhí)行依然是按照引入順序進行的。2011-03-03前端使用xlsx導出數(shù)據(jù)生成Excel文件的全過程
這篇文章主要給大家介紹了關于前端使用xlsx導出數(shù)據(jù)生成Excel文件的相關資料,最近在做項目中,后端偷懶不做導出功能,讓我前端實現(xiàn),所以在這里記錄下前端導出功能,需要的朋友可以參考下2023-08-08js實現(xiàn)QQ面板拖拽效果(慕課網(wǎng)DOM事件探秘)(全)
這篇文章主要為大家詳細介紹了QQ面板拖拽效果,探秘慕課網(wǎng)DOM事件,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09