铬边距不同于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

回答

相关问题