一个网站的导航是重中之重，它决定了网站访客是否可以快速找到自己想要的内容，所以对于导航的排版设计是非常关键的。

而在这个过程中，有些朋友会在使用我们系统的过程中发现一个问题，那就是导航的文字内容太长导致的文字显示不全。

这个问题多见于英文网站，因为英文网站的导航名字普遍较长，那么我们有没有解决方案呢？

答案当然是肯定的，这里我们可以通过一串代码来实现导航的换行效果，代码如下：

<style>
    ._14q3g3ddko016 .zz-menu--popup .text-ellipsis {
        white-space: normal !important;
    }
</style>

在实际应用中，我们可以在编辑器中点击我们已经做好的导航组件，依次进入设置--代码--编辑组件代码

我们可以在下图这个位置另起一行，点击粘贴上面的代码

然后双击上面的这串组件ID，选择复制

把下面我们粘贴的代码中的组件ID进行替换，最后点击右上角的应用按钮保存这里的代码就可以实现导航的换行效果啦！

最后的效果就会是这样的：

好啦，今天的教程就到这里了，大家赶快去试试吧，我们下期再见吧！