居中问题请教
江悦豪
2016-05-15 12:27
.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;加上去为什么没有实现图片和文字居中呢，请大神赐教
2回答
-
- 学一点忘一点
- 2016-07-24 01:18:09
我是自己做的 所以 我直接设置了 一个span标签，把文字设置绝对定位属性position：ab......;单词忘记了你懂得工具嘛，然后直接设置top 就OK了 。我是看着老师做了一遍然后按照老师的思路 ，先把框架的关系一个个理好，的确，思路真的很清晰了棒棒的
-
- 我打点酱油
- 2016-05-15 15:53:22
额，我也觉得这个高度确实没什么用，只是那个图片刚好是28px，所以设了28px罢了，去掉对页面效果没影响，不过去掉后.logo_right盒子的高度实际上是变大了(我的是变成了36px)，不过页面上看不出来。
第二个问题是看你把这个line-height加在哪里了，如果是加在.logo_right里面的话，有作用但是没效果，因为盒子的高度就是28px，你图片的高度也是28，居不居中都是那样。所以应该加在.logo这个大盒子里，不过还是没用，应为.logo_right是浮动的，脱离文档流。除非你不浮动，而是使用margin-left来让它处在logo的右部。
不知道我说的对不对
企业网站综合布局实战
157042 学习 · 1984 问题
相似问题