リストを1行で表示しようとしたときにエラーを見つけるのを手伝ってもらえますか?
#main-nav ul ul li { display: inline; }
しかし、テキストは行を表示していません。jsfiddle.net/EZJwMをご覧ください
リストを1行で表示しようとしたときにエラーを見つけるのを手伝ってもらえますか?
#main-nav ul ul li { display: inline; }
しかし、テキストは行を表示していません。jsfiddle.net/EZJwMをご覧ください
私は
display: inline
に
float:left
そしてこれを手に入れましたhttp://jsfiddle.net/EZJwM/5/
メニューは中央揃えではありませんが、1 行に表示されます。
私はそれを1行で取得するように変更display:block
しdisplay:inline
ますが、スタイルデザインを考慮してmain-nav
解決する必要があります。CSSクラスを使用して、正確に必要なものとの交差を回避する必要があると思います。そうしないと、すべてが非常に曖昧になります
変更 1
#main-nav ul li{ display: inline; }
変更2
#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;
}