layui表格内容溢出的解决方法 - CSDN文库

9 浏览量更新于2023-05-04 收藏 27KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

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>发布时间</th>

<th>发布人</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表格内容溢出的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软

件开发网。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38746951

粉丝: 133
资源: 1133

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈