鉻邊距不同於ie和ff

在firefox和ie上一切看起來都很好，但是鉻顯示的菜單大約低了兩倍。這裏活鏈接 http://soloveich.com/project2/鉻邊距不同於ie和ff

<div class="row"> 
<div class="col-lg-12" id="desc"> 
<?php bloginfo('description'); ?> 
</div> 
</div> 


<div class="row"> 
      <div class="col-lg-12" id="mn"> 
       <ul> 
<li><?php wp_nav_menu(array('theme_location' => 'main-menu' )); ?></li> 
</ul> 
      </div> 
</div>

CSS

#desc { 
margin-top: 15px; 
text-align: center; 
} 

#mn { 
margin-top: 15px; 
padding-bottom: -5px; 
text-align: center; 
border-bottom-style: solid; 
border-bottom-width: 2px; 
} 
#mn ul { 
list-style-type: none; 
margin: 0; 
    padding: 0; 
} 
#mn ul li { 
display: inline; 
text-align: center; 
padding-right: 5px; 
}

我該如何解決呢？

來源

2013-11-25 sharls

你爲什麼用ul> li顯示另一個包含多個li元素的ul的div？我會擺脫你的代碼中的第一個ul和li。在鉻中，孤立的元素是在自己的線上，這是造成一些問題。 – brouxhaha

我想UL LI嵌入WP。仍然通過反覆試驗法學習。這有幫助。 TNX！ – sharls

沒問題。大多數（如果不是全部的話）WP主題將使用ul和li來吐出菜單，所以不需要將它們放入自己。 – brouxhaha

更改ul與單lidiv和事情安定下來。

當你不需要它們時，使用列表並不是很好的做法。首先，它會造成不必要的混亂代碼。另一方面，它使頁面導航對屏幕閱讀器用戶來說很陌生。

這就是說，我不確定爲什麼Chrome將單獨的li和子女div放在單獨的行上。你可以通過擺弄顯示狀態來解決問題。

來源

2013-11-25 21:52:09 isherwood

鉻邊距不同於ie和ff

回答

相關問題