0

リストを1行で表示しようとしたときにエラーを見つけるのを手伝ってもらえますか?

#main-nav ul ul li { display: inline; }

しかし、テキストは行を表示していません。jsfiddle.net/EZJwMをご覧ください

4

2 に答える 2

1

私は

display: inline 

float:left 

そしてこれを手に入れましたhttp://jsfiddle.net/EZJwM/5/

メニューは中央揃えではありませんが、1 行に表示されます。

于 2012-06-22T19:46:55.903 に答える
0

あなたの問題の解決策 js fiddle demo

私はそれを1行で取得するように変更display:blockdisplay: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; }

于 2012-06-22T19:42:44.017 に答える