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

Since we don't have a HTML test to go off I'm going to try drawing upon 'psychic powers'. Try this:

li { white-space: nowrap; }

Edit: Works against test case on Fx 15

于 2012-09-17T16:22:54.327 回答
0

也许您可以尝试添加一个高度设置,手动强制它不超过某个高度。

例如:

高度:100px;

于 2012-09-17T16:23:55.393 回答
0

我认为负边距li a意味着 inside ofa想要大于它的盒子,因此如果可以包装的话就包装这个词。我从未见过平行边上的负边距相等,但如果这实际上缩小了一个元素,我可能是错的。

于 2012-09-17T16:32:05.783 回答