作者:jb51 来源:脚本之家 时间:2019-09-15 03:46:25 我要评论

引言,我做文章管理的时候,引入的是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表格内容溢出的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

49阅读 | 0评论
你的回应
写文章

联系我们