0

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

我目前正在开发一个 使用 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 个超链接。

感谢您的帮助。

4

1 回答 1

2

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

教练专业人士

辅导父母

Coaching professionnel
Coaching parental

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

此外,您的 #access 有溢出:隐藏;删除它,并删除不间断的空格 - (" ") 你的话应该正确换行

于 2012-07-25T19:56:37.477 回答