layui表格內容溢出的解決方法
更新時間：2019年09月06日 09:02:26 作者：逍遙游666
今天小編就為大家分享一篇layui表格內容溢出的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
引言，我做文章管理的時候，引入的是layui的表格樣式，但是里面的內容溢出無法隱藏，后來我采用了往td里面加了個<div></div>
然后設置一下樣式就可以了。
<table class="layui-table">
<colgroup>
<col width="100">
<col width="150">
<col>
</colgroup>
<thead>
<tr>
<th>序號</th>
<th>文章標題</th>
<th>文章內容</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表格內容溢出的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
如何確保JavaScript的執(zhí)行順序 之實戰(zhàn)篇
我曾在文章《如何在多個頁面使用同一個HTML片段 - 續(xù)》的最后提到JavaScript順序執(zhí)行的特性。雖然現代瀏覽器可以并行的下載JavaScript（部分瀏覽器），但考慮到JavaScript的依賴關系，他們的執(zhí)行依然是按照引入順序進行的。2011-03-03
這篇文章主要為大家介紹了JS前端攻堅淺析instanceof實現原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
獲取對象所有key的方法，需要使用?Object.keys(obj)?方法,Object.keys(obj)方返回一個數組，這個數組包含obj對象中的所有key，這篇文章主要介紹了javascript如何獲取對象的key和value,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了JavaScript this關鍵字指向常用情況解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
這篇文章主要為大家介紹了學做Bootstrap的第一個頁面，這是學bootstrap的第一個頁面，還有許多需要改進的地方，希望大家批評指正2016-05-05
這篇文章主要給大家介紹了關于前端使用xlsx導出數據生成Excel文件的相關資料,最近在做項目中,后端偷懶不做導出功能,讓我前端實現,所以在這里記錄下前端導出功能,需要的朋友可以參考下2023-08-08
最近公司項目用到了avtivex控件。以前從來沒有用過。我把最近到處找到的使用方法整理一下。2011-01-01
這篇文章主要為大家詳細介紹了微信小程序時間標簽和時間范圍的聯(lián)動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要為大家詳細介紹了QQ面板拖拽效果，探秘慕課網DOM事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了JS實現兼容性好,自動置頂的淘寶懸浮工具欄效果,涉及JavaScript動態(tài)判斷頁面元素位置及樣式設置技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09