Css <；ul>；从导航溢出的项目

这是我在这个网站上的第一篇帖子，如果我不够清楚，请原谅

我目前正在使用wordpress进行一个构建，我对CSS有一个问题

我的菜单栏是用ul制作的，当我在导航器中增加文本大小时（例如使用ctrl+scroll），li项从div溢出，如中所示

在这种情况下，我希望将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个超链接

---

谢谢您的帮助。

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

教练职业

辅导家长

Coaching professionnel
Coaching parental

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

---

此外，您的#访问具有溢出：隐藏；删除该选项，并删除不间断的空格-（“nbsp”），您的话应该正确包装

您是对的，谢谢您的回答。我已经修好了。但是，现在分割li时，第二行上的文本在div中并非完全居中。您知道如何将其完全居中吗？“&ensp；”包含在每行的宽度计算中，因此每行的中心从&ensp；并以该行的最后一个字母结尾，使中心看起来偏离。如果删除这些html实体，每一行都将正确居中。