0

FireFoxは、次のように、複数の単語が別々の行にあるリストアイテムに単語を入れているようです 。http ： //a.flatsi.es/projects/7temwk/images/j7tjrt
これ。
http://a.flatsi.es/projects/7temwk/images/9766kh

正しい方向へのポイントはスーパーでしょう。

HTML

<div class="singlenav">
<ul>
<li><a href="/v2">Home</a></li>
<li><a href="/v2/?p=17">About</a></li>
<li><a href="/v2/?p=14">Information</a></li>
<li><a href="/v2/?p=11">Study Skills</a></li>
<li><a href="/v2/?p=8">Discuss</a></li>
<li><a href="/v2/?p=5">Contact</a></li>
</ul>
</div>

CSS

.quicklinks{
width: 100%;
font: bold 20px 'Helvetica',sans-serif;
color: #333;
text-align: left;
margin: 70px 0 0 0;
display:inline-block;
}

.quicklinks li{
white-space: nowrap; 
}


.quicklinks li a{
color: #333;
text-decoration: none;
padding: 10px;
margin: -10px;
}
4

3 に答える 3

1

実行するHTMLテストがないので、「超能力」を利用してみます。これを試して：

li { white-space: nowrap; }

編集：Fx15のテストケースに対して機能します

于 2012-09-17T16:22:54.327 に答える
0

たぶん、特定の高さを超えないように手動で強制する高さ設定を追加してみることができます。

例えば：

高さ：100px;

于 2012-09-17T16:23:55.393 に答える
0

の負のマージンli aは、内部がaボックスよりも大きくなりたいため、折り返すことができる場合は単語を折り返すことを意味すると思います。平行な辺で等しい負のマージンを見たことがありませんが、それが実際に要素を縮小する場合、私はおそらく間違っています。

于 2012-09-17T16:32:05.783 に答える