Heim  >  Artikel  >  Web-Frontend  >  我这个li中的文字为什么在chrome下无法垂直居中?_html/css_WEB-ITnose

我这个li中的文字为什么在chrome下无法垂直居中?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:09906Durchsuche

在IE中可以正常垂直居中,在chrome就是不行

CSS部分:
#logo {
height:180px;
background-image: url(logo.gif);
float:none;
/*position: relative;*/
padding:0px;
margin:0px auto;
/*margin-bottom:0px;*/
/*background-color: #369;*/
}
.header .nav-bar{
height: 33px;
background-color: #F90;
overflow:hidden;
}

.header .nav-site{
   height:38px;
   
}

.header .nav-site li{
  float:left;
}

.header .nav-site li a{
display: block; 
height: 38px; 
width: 100px; 
line-height: 33px;
color: #fff; 
font-size: 1.2em; 
font-weight: bold; 
text-align: center; 
text-decoration: none; 
}


HTML部分:


     

     
    
    

          
         
                  
  •  首页

  •               
  •  菜单二

  •           

     

  

 


回复讨论(解决方案)

不知道是我才疏学浅还是楼主学艺不精???你的div容器高度为33px;里面的ul高度为38px;你自己算一算。肯定会被隐藏掉5px;把overf:hidden;去掉,然后把容器的高度改来大于等于里面的内容

不知道是我才疏学浅还是楼主学艺不精???你的div容器高度为33px;里面的ul高度为38px;你自己算一算。肯定会被隐藏掉5px;把overf:hidden;去掉,然后把容器的高度改来大于等于里面的内容
按你所说的确实可以,但如果把overflow:hidden去掉,在chrome下,上下两个div之间会有一条缝隙,而我需要上下div之间无缝

自己解决了

引用 1 楼  的回复:
不知道是我才疏学浅还是楼主学艺不精???你的div容器高度为33px;里面的ul高度为38px;你自己算一算。肯定会被隐藏掉5px;把overf:hidden;去掉,然后把容器的高度改来大于等于里面的内容

按你所说的确实可以,但如果把overflow:hidden去掉,在chrome下,上下两个div之间会有一条缝隙,而我需要上下div之间无缝


bu ji 不就一个div吗???哪里来2个?

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn