Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Firefox显示列表错误_Html_Css_List_Html Lists - Fatal编程技术网

Html Firefox显示列表错误

Html Firefox显示列表错误,html,css,list,html-lists,Html,Css,List,Html Lists,FireFox似乎会在列表项中的任何单词的单独行中放置多个单词,如下所示: 但在其他方面,这正是我想要的,就像这样。 一个方向正确的点是超级棒的 HTML 因为我们没有HTML测试,所以我将尝试利用“精神力量”。试试这个: li { white-space: nowrap; } 编辑:适用于Fx 15上的测试用例也许您可以尝试添加一个高度设置,手动强制其不超过某个高度 例如: 高度:100px 我认为li a中的负边距意味着a的内部要比它的盒子大,因此如果可以包装,就要包装这个词。我从未见

FireFox似乎会在列表项中的任何单词的单独行中放置多个单词,如下所示:
但在其他方面,这正是我想要的,就像这样。

一个方向正确的点是超级棒的

HTML


因为我们没有HTML测试,所以我将尝试利用“精神力量”。试试这个:

li { white-space: nowrap; }

编辑:适用于Fx 15上的测试用例

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

例如:


高度:100px

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

你能发布你正在使用的HTML以及任何其他应用于列表的CSS吗?我不认为这是基于你发布的内容。请注意,您可以在单词之间使用
或CSS空白规则来防止破坏。感谢@j08691添加对我有效,现在我想知道CSS中是否有任何错误。再次感谢!我刚刚根据您新添加的测试用例测试了我的答案,它在我的Fx上运行良好。问题是你依赖于默认的行为。如果你不想受浏览器默认设置的支配,你需要明确,就像我的回答一样。谢谢@Rushyo,我现在已经使用了空格规则,这只是我以前的错误。谢谢你的帮助!如果您不熟悉堆栈溢出格式:如果有帮助,您可以单击旁边的勾号接受答案吗?干杯
.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;
}
li { white-space: nowrap; }