你好:我是建立在underscores主题的基本结构基础上的网站。 我有一个带有长文本行的子菜单项。 如果行超出了文本的宽度,我希望文本自动换行。 ( 我想要的效果可以在"程序"下的youthconnectionwilmette.org 看到)
下面是我现在有的,在 puckpros.edkatzman.com 下的第一个子菜单项应该读"新客户": 评估和课程- 50%关闭"但是它被截断了"新客户: 评估和"
我的WP生成的html是:
Menu
我正在使用的css是:.main-navigation {
list-style-type: none;
margin: 0;
padding: 0;
height: 30px;
background-color: #00497e;
clear:both;
width: 100%;
}
.main-navigation li {
float: left;
height: 30px;
line-height: 30px;
display: block;
position:relative;
}
.main-navigation li a {
display:block;
color:#fde218;
text-decoration:none;
height: 30px;
line-height: 30px;
padding: 0 70px;
}
.main-navigation a:hover {
color: #004973;
background-color: #fde218;
}
.main-navigation ul ul li {
float: left;
width: 150px;
background-color:maroon;
top: 5px;
position:relative;
display:block;
}
.main-navigation ul ul li a {
background-color:#00497e;
color: #ffffff;
width: 200px;
display:block;
}
我尝试了不同的显示值:但没有发现任何区别,除了显示: table-cell,它包装第二个子菜单选项,但拆分顶部的第三个菜单项并将第三个菜单项。
我必须缺少一些简单的东西,但在几个小时后搜索并尝试我发现的任何建议。 ( 我查看了在Firebug中工作的站点的css,但是我看不到线换行的地方。)