Firefox显示列表错误

Question

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;
}

Answer 1

由于我们没有要进行的HTML测试，因此我将尝试利用“精神力量”。 尝试这个：

li { white-space: nowrap; }

编辑 ：在Fx 15上针对测试用例工作

Answer 2

也许您可以尝试添加一个高度设置，以手动将其设置为不超过特定高度。

例如：

高度：100px；

Answer 3

我觉得在切缘阴性li a指里面a想比其大箱，因此，如果可包装的包裹字。 我从来没有见过平行边相等的负边距，但是如果实际上缩小了一个元素，我可能错了。