在谷歌瀏覽器下測(cè)試的,清除垂直間距只能vertical-align:top;+line-height:0;比較合適,vertical-align:bottom;會(huì)有大約1像素的間隙,
第二種全能方法:水平間隙和垂直間隙都去掉了,font-size:0;
第二種全能方法:水平間隙和垂直間隙都去掉了,font-size:0;
2017-10-24
文本x在line-height下始終默認(rèn)垂直方向上居中 設(shè)置vertical-align: middle的圖片的垂直中心點(diǎn)就和x的中心點(diǎn)(交叉點(diǎn))始終在一條線上。
但是由于x字符下沉它本身的中心點(diǎn)在交叉點(diǎn)以上,隨著字體大小的改變,
x始終保持垂直居中,而圖片的垂直中心點(diǎn)始終是和x的交叉點(diǎn)在一條線上,
所以x字體變大,圖片向下移動(dòng)。
但是由于x字符下沉它本身的中心點(diǎn)在交叉點(diǎn)以上,隨著字體大小的改變,
x始終保持垂直居中,而圖片的垂直中心點(diǎn)始終是和x的交叉點(diǎn)在一條線上,
所以x字體變大,圖片向下移動(dòng)。
2017-10-15
關(guān)于10分鐘那個(gè),我的理解是line-height的居中是從字體的中間向上線擴(kuò)開的,所以當(dāng)line-height等于0時(shí),外面的框框高度也就從那個(gè)位置開始算起了
2017-10-13
大神免費(fèi)給你們講課,把干貨這么淺顯易懂得送給你,竟然還有人指指點(diǎn)點(diǎn),對(duì)技術(shù)沒有敬畏之心的人勸你不要入行真的!
2017-10-13
我都是怎么垂直居中的,我不知道vertical-align。我之前都是自己計(jì)算一下父元素多高-圖片高/2做margin-top。也挺方便的哈哈哈
2017-09-29
這個(gè)老師好膩害,我學(xué)了很多
?。?!感謝,不用自己去研究了。
?。?!感謝,不用自己去研究了。
2017-09-29
到這一節(jié),看不懂啊,聽3遍了。。。。代碼也測(cè)試了,崩潰ing
2017-09-28
vertical-align:middle;與line-height;搞基了。。。。。。。。。。。。。。。。
2017-09-19