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>文章標(biāo)題</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)文章
如何確保JavaScript的執(zhí)行順序 之實戰(zhàn)篇
我曾在文章《如何在多個頁面使用同一個HTML片段 - 續(xù)》的最后提到JavaScript順序執(zhí)行的特性。雖然現(xiàn)代瀏覽器可以并行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴關(guān)系,他們的執(zhí)行依然是按照引入順序進(jìn)行的。2011-03-03
JavaScript this關(guān)鍵字指向常用情況解析
這篇文章主要介紹了JavaScript this關(guān)鍵字指向常用情況解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
前端使用xlsx導(dǎo)出數(shù)據(jù)生成Excel文件的全過程
這篇文章主要給大家介紹了關(guān)于前端使用xlsx導(dǎo)出數(shù)據(jù)生成Excel文件的相關(guān)資料,最近在做項目中,后端偷懶不做導(dǎo)出功能,讓我前端實現(xiàn),所以在這里記錄下前端導(dǎo)出功能,需要的朋友可以參考下2023-08-08
微信小程序時間標(biāo)簽和時間范圍的聯(lián)動效果
這篇文章主要為大家詳細(xì)介紹了微信小程序時間標(biāo)簽和時間范圍的聯(lián)動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-02-02
js實現(xiàn)QQ面板拖拽效果(慕課網(wǎng)DOM事件探秘)(全)
這篇文章主要為大家詳細(xì)介紹了QQ面板拖拽效果,探秘慕課網(wǎng)DOM事件,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09

