html - 导航栏，内联显示问题

Question

我网站上的导航栏有一个小问题。导航栏被创建为带有“a”元素的内联列表。在我缩放网站之前，它看起来和工作正常。当我缩放时，列表的元素折叠成两行。有什么方法可以使内联列表静态化吗？

谢谢!

代码如下:

<div id="NavigationDiv">
 <ul id="NavigationList">
    <li><a>Naslovnica</a></li>
    <li><a>Automatizacija</a></li>
    <li><a>Antistatika</a></li>
    <li><a>Machine Vision</a></li>
    <li><a>Steper motori</a></li>
    <li><a>Proizvodi</a></li>
    <li><a>Industrija</a></li>
    <li><a>Zastupstva</a></li>
    <li><a>Mogućnosti</a></li>
    <li><a>Kontakt</a></li>
 </ul>

 <style> 
#NavigationList{margin-top:5px; position:absolute; top:110px;}
ul#NavigationList li{font-family:calibri; font-size:22px; color:white; display:inline; list-style-type:none; padding-right:5px; padding-left:5px;}
ul#NavigationList li a:hover {color: #f9b233;}
</style>

Answer 1

添加空白:nowrap;进入你的#NavigationList

#NavigationList{margin-top:5px; position:absolute; top:110px; white-space: nowrap;}