彼此相鄰的列表項很奇特搬出自己的地方

我有一個頁面，頁面上間以點分隔。（指的這部分只在我的jsfiddle：刷新時彼此相鄰的列表項很奇特搬出自己的地方

  <ul class="footer-titles"> 
       <li><a href="http://www.example.com/linkn/">ABC</a> •</li> 
       <li><a href="http://www.example.com/asdasda/">DEF</a> •</li> 
       <li><a href="http://www.example.com/asdasdasd/">GHI</a> •</li> 
       <li style="padding: 0;"><a href="http://www.example.com/fghjfgnt/" style="padding-right: 0;">JKL</a></li> 
      </ul>

http://jsfiddle.net/s28nko9t/

所以有時（是的，大部分是確定的時間），它看起來是這樣的： enter image description here

的問題是最後一個項目是跳到底部爲什麼會發生這種情況以及如何解決這個問題？

來源

2015-05-18 Rick Sanchez

這是否發生在所有瀏覽器或特定的？我無法獲得最後一個鏈接，就像上面在_Chrome_中的屏幕截圖一樣。 – hungerstar

hmm。我使用chrome，所以我從來沒有在其他頁面上看到過這個部分。我會在其他瀏覽器中刷新它，並在一秒內告訴你 –

發生這種情況時窗口的大小是多少。此外，如果你可以修改你的小提琴，幷包括真正需要的東西。我看到多個寬度分配給相同的類被覆蓋。問題本身似乎不可重現。當你刷新你的小提琴時它什麼時候發生？ –

-1

可能是鏈接的容器的寬度比他們需要的要小整齊地彼此相鄰。

給列表項目一個固定的字體大小，例如16像素。

.site-footer .footer-titles { 
    clear: both; 
    text-align: center; 
    margin: 0 auto; 
    display: table; 
    float: inherit; 
    width: 55%; 
    min-width: 240px 
}

來源

2015-05-18 13:49:04 user3043348

我試圖讓它更寬 - 列表項變得不重要。 –

彼此相鄰的列表項很奇特搬出自己的地方

回答

相關問題