当我们使用富文本编辑器的时候,可以发现当缩小屏幕或者增大电脑分辨率的时候,富文本编辑起的菜单栏会超出甚至隐藏,如下图所示:
在这里插入图片描述
检查控制台的代码发现,这个菜单栏运用了弹性盒模型,而且设置换行被注释掉了,就是即使超出了也不会换行,如下图
在这里插入图片描述
所以我们只需要设置换行的样式就可以了,代码如下:

  .w-e-toolbar {
    flex-wrap: wrap;
  }

这样,就是平时缩小或者分辨率增加菜单栏都不会隐藏了
在这里插入图片描述

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐