Css 在列表中正确包装文本

Css 在列表中正确包装文本,css,list,Css,List,我在尝试将列表项中的文本包装到下一行以正确显示时遇到问题。这是第一个菜单项。我已经检查了许多其他相关的答案,但这些答案似乎不适合我的情况 \menuSide ul{ 左边距:-45px; 文本缩进:15px; 列表样式类型:无; } #李梅努塞德{ 垫面:3件; 垫底:3件; 边框底部:1px实心#00136F; } #menuSide a,#menuSide a:已访问{ 显示:块; 字体系列:“Lucida Grande”,Verdana,Arial,无衬线; 高度:1.2米; 颜色:#f

我在尝试将列表项中的文本包装到下一行以正确显示时遇到问题。这是第一个菜单项。我已经检查了许多其他相关的答案,但这些答案似乎不适合我的情况

\menuSide ul{
左边距:-45px;
文本缩进:15px;
列表样式类型:无;
}
#李梅努塞德{
垫面:3件;
垫底:3件;
边框底部:1px实心#00136F;
}
#menuSide a,#menuSide a:已访问{
显示:块;
字体系列:“Lucida Grande”,Verdana,Arial,无衬线;
高度:1.2米;
颜色:#fff;
背景色:继承;
文字装饰:无;
}
#美努赛德a:悬停{
颜色:#3B5998;
背景色:#fff;
文字装饰:无;
}
#梅努塞德,给{
颜色:#fff;
背景色:继承;
文字装饰:无;
}

有什么建议吗?

删除
高度:1.2米
#menuSide a,#menuSide a:访问
会有所帮助。通过为元素设置1.2em高度,可以将其高度固定为单行内部文本高度的120%。这就是为什么第二行不合适。尝试使用
行高
填充顶部
填充底部

注意:您忘记关闭这里的标签了:

if ($thisPage=='speaking') {
  echo '<li><span class="here">&raquo;&nbsp;&nbsp;Speaking Engagements in Jerusalem</span>';
}
if($thisPage=='speaking'){
echo’
  • “在耶路撒冷的演讲约会”; }
  • 在这里:

    if ($thisPage=='events') {
      echo '<li><span class="here">&raquo;&nbsp;&nbsp;Recent Events</span>';
    }
    
    if($thisPage=='events'){
    回应“最近的事件”;
    }
    
    在PHP代码中,if中的第一个
  • 元素没有结束标记(
  • ),这就是您编写的全部代码吗?可能是这样。您的
    #menuSide a
    元素上的固定高度声明可能会导致问题。这将防止双线链接占用适当的空间。请尝试使用
    行高
    代替。谢谢!成功了!现在我只需要弄清楚如何使第一个列表项的第二行中的文本与第一行对齐(甚至缩进一点)。@Lee,我不知道为什么,但您使用
    text indent
    指定块容器中第一行文本的缩进。显然,这就是你新问题的根源。要修复它,请删除
    文本缩进:15px
    #menuSide ul
    设置
    右键
    左键
    属性,用于
    #menuSide li
    (或
    #menuSide ul
    ,具体取决于页面的样式需要)。我使用“文本缩进”将列表项从左边距移动。因此,我删除了它,并在每个样式中添加了以下内容#menuSide ul填充左:3em#menuSide li{padding left:20px;}现在它可以正常工作了!谢谢你的帮助@李,不客气。您应该只在需要时使用
    文本缩进。例如,在
    。填充和边距更适合于
  • 标记。@Lee,如果我的答案是完整的,并且您的问题已经解决,您可以将我的答案标记为已接受,以表明问题已得到回答并对我表示感谢。:)
    if ($thisPage=='events') {
      echo '<li><span class="here">&raquo;&nbsp;&nbsp;Recent Events</span>';
    }