一個網(wǎng)站的導(dǎo)航是重中之重,它決定了網(wǎng)站訪客是否可以快速找到自己想要的內(nèi)容,所以對于導(dǎo)航的排版設(shè)計是非常關(guān)鍵的。
而在這個過程中,有些朋友會在使用我們系統(tǒng)的過程中發(fā)現(xiàn)一個問題,那就是導(dǎo)航的文字內(nèi)容太長導(dǎo)致的文字顯示不全。
這個問題多見于英文網(wǎng)站,因為英文網(wǎng)站的導(dǎo)航名字普遍較長,那么我們有沒有解決方案呢?
答案當(dāng)然是肯定的,這里我們可以通過一串代碼來實現(xiàn)導(dǎo)航的換行效果,代碼如下:
<style>
._14q3g3ddko016 .zz-menu--popup .text-ellipsis {
white-space: normal !important;
}
</style>
在實際應(yīng)用中,我們可以在編輯器中點(diǎn)擊我們已經(jīng)做好的導(dǎo)航組件,依次進(jìn)入設(shè)置--代碼--編輯組件代碼我們可以在下圖這個位置另起一行,點(diǎn)擊粘貼上面的代碼
把下面我們粘貼的代碼中的組件ID進(jìn)行替換,最后點(diǎn)擊右上角的應(yīng)用按鈕保存這里的代碼就可以實現(xiàn)導(dǎo)航的換行效果啦!
好啦,今天的教程就到這里了,大家趕快去試試吧,我們下期再見吧!