                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

居中问题请教

.logo{
height: 80px;
background-color: #fff;
}
.logo_left{
width: 200px;
float: left;
}
.logo_right{
width: 300px;
float: right;
height: 28px;
margin-top: 30px;
color: #8e8e8e;
}
.logo_right img{
vertical-align: middle;
margin-right: 10px;
}

有两个疑问，第一个是老师在.logo_right这里为什么要设置一个高度，我把这个高度去掉，对页面实现效果并没有影响，一开始我以为是老师是为了实现图片文字居中所特意设置的高度，因为可以设置line-height:28px来实现，但是当我把line-height:28px;加上去为什么没有实现图片和文字居中呢，请大神赐教

江悦豪

2016-05-15

源自：企业网站综合布局实战 3-3

关注问题我要回答

614

操作

收起

3 回答

学一点忘一点
2016-07-24

我是自己做的所以我直接设置了一个span标签，把文字设置绝对定位属性position：ab......;单词忘记了你懂得工具嘛，然后直接设置top 就OK了。我是看着老师做了一遍然后按照老师的思路，先把框架的关系一个个理好，的确，思路真的很清晰了棒棒的

0 回复有任何疑惑可以回复我~

收起回答

我打点酱油
2016-05-15

额，我也觉得这个高度确实没什么用，只是那个图片刚好是28px，所以设了28px罢了，去掉对页面效果没影响，不过去掉后.logo_right盒子的高度实际上是变大了(我的是变成了36px)，不过页面上看不出来。

第二个问题是看你把这个line-height加在哪里了，如果是加在.logo_right里面的话，有作用但是没效果，因为盒子的高度就是28px，你图片的高度也是28，居不居中都是那样。所以应该加在.logo这个大盒子里，不过还是没用，应为.logo_right是浮动的，脱离文档流。除非你不浮动，而是使用margin-left来让它处在logo的右部。

不知道我说的对不对