0

私は素晴らしい水平リストを持っています。画像を以下に示します。ここに画像の説明を入力してください ヘッダーのすぐ下のリストは、私が話しているリストです。私が達成したいのは、基本的に、各リンクの文言がすべて1行になっていることです。たとえば、「Mash's Famous Wings」では、リスト内のすべてのli要素に対して固定の高さと幅（すべて同じ）を作成しようとしています。 。つまり、これは一部の単語が新しい行に含まれることを意味します。

例として、Smokey Bones MenuSubNavigationを参照してください。

これはこれまでの私のCSSです：

#menunavigation{
position:fixed;
top:100px;
left:50px;
z-index:1; 
color:white; 
}

#menunavigation a {
color:white; 
}


#menunavigation ul{
list-style-type:none;
height:50px;
}

#menunavigation ul li{
display:inline;
max-width:15px;
margin-right:5px; 
}
4

1 に答える 1

0

このスニペットで CSS コードを更新してみてください。

#menunavigation ul li
{
  display:inline-block;
  max-width:15px;
  margin-right:5px; 
}

ただし、display:inline-blockIE-7 では機能しません。これらの余分な行を含める必要があります。これは、IE-7 でのみ機能する一種のハックです。

*display:inline;
*zoom:1;

または、IE-7 をフルタイムでサポートしている場合は、条件付きコメントを使用して検出できます。

于 2012-12-11T06:14:58.297 に答える