[英]Stop text from moving when resizing window
當我調整窗口大小時,所有元素都會移動,我希望它們保持在正確的位置。 我怎么做? 我需要將它們放在包裝紙中嗎?
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;
}
我注意到CSS中有這個。
.menu {
display: table;
position: fixed;
}
為了匹配標記,它應該是#menu
嗎?
#menu {
display: table;
position: fixed;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.