李宽不行

Question

尝试通过限制其宽度来在列中的wordpress菜单项中显示单词。无法使其发挥作用。 我尝试了“width：”，我尝试了“max-width：”，添加了“！important”。我试着把它放进李，我试着把它放进去。什么都行不通。

这里有实时链接 http://soloveich.com/pr2-2/

html代码

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

和css

#mainpage2 ul {
    list-style: none;
}

#mainpage2 ul li {
    display: inline;
}

#mainpage2 ul li a {
    max-width: 200px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    font-family: verdana;
    color: #fff;
}

Answer 1

使用

display: inline-block;

结合适当的结构：

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

请注意，<li>元素必须在<ul>内开始和结束。

Answer 2

当你把LI放到'display：inline'时，它不需要宽度。要为内联元素指定宽度，请使用display：inline-block，或使用display：block将其设置为块元素。

Answer 3

显示：内联将删除宽度注意事项。

尝试

display: inline-block;