1
当我调整窗口大小时,所有元素都会左右移动,我希望它们保持在正确的位置。我怎么做?我需要把它们放在一个包装或什么东西?在调整窗口大小时停止移动文字
HTML -
<div id="menu">
<div class="table">
<ul id="horizontal-list">
<li><a href="index.html" class="no-underline" >Home</a></li>
<li><a href="page2.html" class="no-underline" >All About</a></li>
<li><a href="page3.html" class="no-underline" >Galley</a></li>
<li><a href="page4.html" class="no-underline" >Video Clips</a></li>
<li><a href="page5.html" class="no-underline" >Main Cast</a></li>
</ul>
</div>
</div>
CSS -
#menu-outer {
height: 84px;
text-align: center;
position: fixed;
}
.menu {
display: table;
position: fixed;
}
ul#horizontal-list {
min-width: 700px;
list-style: none;
padding-top: 20px;
text-align: center;
padding-left: 50px;
}
ul#horizontal-list li {
display: inline;
padding-right: 50px;
}
所以,据我所知,文有转移到适应新的容器大小。如果没有,它会重叠。 – 2015-02-11 18:20:09
你(可以)将你的容器设置为“overflow:hidden;'并且给所有东西固定的宽度。这样可以防止事物转移,但任何给定的用户可能无法点击/触摸任何给定的链接,因为它将被隐藏起来。 – Damon 2015-02-11 18:28:05