解決nav部分占兩行的問(wèn)題
nav部分占兩行的問(wèn)題 原因:img作為內(nèi)聯(lián)元素,會(huì)和文字一樣具有行高和字號(hào)屬性,默認(rèn)對(duì)齊baseline.通過(guò)截圖可以看到,nav部分實(shí)際高是83px>80px,溢出了。 解決方案有以下四種(根據(jù)情況任選其一): 1、.logo加上overflow:hidden; 2、.logo_left img 設(shè)置display:block; 3、.logo_left img 設(shè)置vertical-align:middle/bottom/top 都可以。 4、.logo_left 設(shè)置 font-size:0; 參考答案:https://www.zhihu.com/question/21558138
2016-06-12
已經(jīng)弄明白了!幾種方法確實(shí)是對(duì)的!謝謝你~
2016-06-12
幾種方法都試過(guò)了,都變成了
2016-04-19
nav部分占兩行的問(wèn)題 原因:img作為內(nèi)聯(lián)元素,會(huì)和文字一樣具有行高和字號(hào)屬性,默認(rèn)對(duì)齊baseline.通過(guò)截圖可以看到,nav部分實(shí)際高是83px>80px,溢出了。 解決方案有以下四種(根據(jù)情況任選其一): 1、.logo加上overflow:hidden; 2、.logo_left img 設(shè)置display:block; 3、.logo_left img 設(shè)置vertical-align:middle/bottom/top 都可以。 4、.logo_left 設(shè)置 font-size:0; 參考答案:https://www.zhihu.com/question/21558138