Css 李先生不工作

试图通过限制其宽度在列中显示wordpress菜单项内的单词。不能让它工作。 我尝试了“宽度”，我尝试了“最大宽度”，添加了“重要”。我试着把它放进李，我试着把它放进李a。什么都不管用

这里有直播链接

html代码

<div id="mainpage2">
<ul>
    <li>
    <?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?>
</ul>
</li>
</div>

---

当您将LI设置为“display:inline”时，它不会占用宽度。要为内联元素指定宽度，请使用display:inline block，或使用display:block使其成为块元素。

display:inline将删除宽度注意事项

试一试

使用

结合适当的结构：

<div id="mainpage2"> 
    <ul>
        <li>
            <?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?> 
        </li>
    </ul>
</div>

---

请注意，

元素必须在
内开始和结束。为什么
标记在
标记之前关闭了
标记？看起来您的关闭标记是向后的：我认为
实际上应该是

display: inline-block;

display: inline-block;

<div id="mainpage2"> 
    <ul>
        <li>
            <?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?> 
        </li>
    </ul>
</div>