layui是后端人员开发接口后台比较好用的一个框架,最近在做一个商城系统后台的时候,因为涉及到的商品标题比较长,layui的自动表格会隐藏超出宽度的部分无法换行。
面对这个问题,研究了一下在不修改js框架代码的基础上实现内容的自动换行处理。
在需要换行的页面head里面加入以下代码内容就可以实现内容自动换行了。
<style>
.layui-table-cell{
display:table-cell;
vertical-align: middle;
height:auto;
overflow:visible;
text-overflow:inherit;
white-space:normal;
}
</style>