居中問題請教
.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-07-24
我是自己做的 所以 我直接設置了 一個span標簽,把文字設置絕對定位屬性position:ab......;單詞忘記了你懂得工具嘛,然后直接設置top 就OK了 。我是看著老師做了一遍然后按照老師的思路 ,先把框架的關系一個個理好,的確,思路真的很清晰了棒棒的
2016-05-15
額,我也覺得這個高度確實沒什么用,只是那個圖片剛好是28px,所以設了28px罷了,去掉對頁面效果沒影響,不過去掉后.logo_right盒子的高度實際上是變大了(我的是變成了36px),不過頁面上看不出來。
第二個問題是看你把這個line-height加在哪里了,如果是加在.logo_right里面的話,有作用但是沒效果,因為盒子的高度就是28px,你圖片的高度也是28,居不居中都是那樣。所以應該加在.logo這個大盒子里,不過還是沒用,應為.logo_right是浮動的,脫離文檔流。除非你不浮動,而是使用margin-left來讓它處在logo的右部。
不知道我說的對不對