当我尝试在一行中显示列表时，有人可以帮我找到错误但是没有这样做。
#main-nav ul ul li { display: inline; }
但文字没有显示行。请看看jsfiddle.net/EZJwM
答案 0 :(得分：1)
答案 1 :(得分：0)
solution to your problem js fiddle demo
我将display:block更改为display:inline以使其在一行中获得，但您已拥有
考虑到你的样式设计我认为main-nav你应该使用css类
避免在你想要的东西上交叉，否则你会变得如此模糊
改变1
#main-nav ul li{ display: inline; }
change2
#main-nav a:after {
color: #aeaeae;
content: attr(data-description);
font-size: 11px;
font-style: italic;
font-weight: 400;
display: inline;
line-height: 0;
margin: 3px 0 -3px;
text-transform: lowercase;
}
改变3
#main-nav ul ul a {
border: 0;
border-bottom: 1px solid #252525;
border-top: 1px solid #4c4c4c;
color: #fff;
display: inline;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 11px;
letter-spacing: 0;
font-weight: 400;
padding: 8px 20px !important;
text-align: left;
text-transform: none;
}