我的页面顶部中心有一个可用的导航栏。但是,当我降低分辨率时,我的导航栏会自行分散。我怎么能强迫它留在一条线上?
这是我的css:
#navbar {
display:inline-block;
width:100%;
position:absolute;
margin-left:25%;
margin-top:30px;
}
.navbar-li {
display:inline-block;
white-space:nowrap;
background-color:orange;
font-family:Arial;
margin-right:100px;
padding:20px 40px;
}
li {
font-size:20px;
}
HTML:
<div id="navbar">
<ul>
<li class="navbar-li">text1</li>
<li class="navbar-li">text2</li>
<li class="navbar-li">text3</li>
</ul>
</div>
答案 0 :(得分:1)
将white-space: nowrap;
添加到导航栏
答案 1 :(得分:0)
将width:
设置为您希望导航栏始终为的像素数,请勿使用百分比。这使得无论屏幕分辨率如何,它都保持相同的大小。