欢迎光临
我们一直在努力

layui数据表格内容实现自动换行

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>
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:枫叶博客 » layui数据表格内容实现自动换行

分享到: 生成海报
avatar

热门文章

  • 评论 抢沙发

    Captcha Code

    • QQ号
    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址

    枫叶博客

    联系我们联系我们

    登录

    忘记密码 ?