在調整窗口大小時停止移動文字

當我調整窗口大小時，所有元素都會左右移動，我希望它們保持在正確的位置。我怎麼做？我需要把它們放在一個包裝或什麼東西？在調整窗口大小時停止移動文字

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 Harpreet Sunner

所以，據我所知，文有轉移到適應新的容器大小。如果沒有，它會重疊。 – 2015-02-11 18:20:09

你（可以）將你的容器設置爲「overflow：hidden;'並且給所有東西固定的寬度。這樣可以防止事物轉移，但任何給定的用戶可能無法點擊/觸摸任何給定的鏈接，因爲它將被隱藏起來。 – Damon 2015-02-11 18:28:05

我注意到你在CSS都沒有了。

.menu { 
    display: table; 
    position: fixed; 
}

它應該是#menu，爲了匹配標記？

#menu { 
    display: table; 
    position: fixed; 
}

演示http://jsfiddle.net/60admLna/

來源

2015-02-11 18:30:27 Stickers

在調整窗口大小時停止移動文字

回答

相關問題