layui的layer.tab弹出层多个标题内容显示异常

x+x=2x

于 2021-11-30 13:53:20 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签： layui css

本文链接：https://blog.youkuaiyun.com/qq_45430594/article/details/121630820

版权

本文介绍了在使用layui的layer.tab组件时遇到的显示异常问题，表现为弹出层内容显示不正常。解决方案是修改CSS样式，取消.layui-layer-page .layui-layer-content的overflow: auto;样式，并添加width: 100%或直接删除overflow属性，以实现正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

当我们使用layer.tab弹窗时，显示如下图所示的情况。

layer.tab({
   
           area: area,
               tab: [{
   
               title: '评论信息', content: comment,
           },{
   
               title:

最低0.47元/天解锁文章