Question

这是我在这个网站上的第一篇文章，请原谅我，如果我不够清楚的话。

我目前正在使用wordpress构建website，我遇到了CSS问题。

我的菜单栏是用ul创建的，当我在导航器中增加文本大小时（例如使用ctrl + scroll），li项从div中溢出，就像在this image中一样。

在这种情况下，我希望将li拆分为两部分，并且适合div，但我没有找到如何实现这一点。我已经尝试过“破解”解决方案，但我想我做错了。

因为我的网站是由Wordpress托管的，所以有两种不同的CSS工作表用于设计，这有点混乱。

这是我的工作表的一部分：

#access {
display:inline-block;
width:27%;
font-size:100%;
margin:2.5% auto 6px;
border:none;
padding-top:10px;
padding-bottom:10px;
overflow:hidden;}

#access a {
display:inline-block;
max-width:100%;
color:rgb(0,102,138);
font-size:22px;
padding:none;
line-height:30px;}

#access li {
display:block;
padding:4px;
float:none;}

#access ul {
list-style:none;
font-size:100%;
margin:0;}

我无法发布主题的CSS链接，因为作为新成员，我通过帖子限制为2个超链接。

感谢您的帮助。

Answer 1

这些菜单项包含不间断的空格。：

教练专业

指导父母

Coaching&nbsp;professionnel
Coaching&nbsp;parental

这意味着当文本大小增加时，它们将全部保留在一行上。

另外，你的#access有溢出：隐藏;删除它，并删除不间断的空格 - （“＆amp; nbsp”），你的文字应该正确包装

<ul>从nav </ul>溢出的项目

1 个答案: