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>