Question

我的菜单（Superfish菜单）中的文本增加了限制，我添加了一些CSS（宽度，高度），但不起作用：

我使用溢出包装：断字但不起作用！

html代码：

 <div class="menu-menu2-container">
                <ul id="menu-menu2" class="sf-menu">
                    <li id="menu-item-1769" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1769">
                        <a href="#">AGMA QUI SOMMES NOUS?</a>
                        <ul class="sub-menu">
                            <li id="menu-item-1775" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1775">
                                <a href="#">le mot du président</a>
                            </li>
                            <li id="menu-item-1778" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1778">
                                <a href="#">Finances et actionnaires</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-1779" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1779">
                                        <a href="#">Nos chiffres clés</a>
                                    </li>
                                </ul>
                            </li>
                            <li id="menu-item-1780" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1780">
                                <a href="#">Le Systeme de Management de la Qualite</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-1781" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1781">
                                        <a href="#">Certification</a>
                                    </li>
                                    <li id="menu-item-1782" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1782">
                                        <a href="#">Politique Qualité</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li id="menu-item-1770" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1770">
                        <a href="#">ASSURANCE ENTREPRISES</a>
                    </li>
                </ul>
            </div>

Answer 1

尝试一下：

#menu-menu2 > li {
    word-break: break-word; 
}
#menu-menu2 > li > a {
    width: 180px;
    height: 64px;
    word-break: break-word; 
}

编辑：

#menu-menu2 > li {
    width: 180px;
    height: 64px;
    word-break: break-word;
}
#menu-menu2 > li > a {
    text-decoration: none; /* no width or height given */
}

希望我进一步推动了你。

文字增加<li>限制

1 个答案: