目前前端實習中,日常布局中垂直居中是一個非常重要且常用的功能,vertical-align這個屬性讓我是又愛又恨,老師講的很好,沒有布局經(jīng)驗的人不適合看這個。
2017-11-13
送給那些不懂就喜歡嚼舌頭人,人家免費來講課就要尊重人家,不尊重還瞎逼逼的,不想聽就死遠點,不要侮辱謾罵。
老師很有深度聽你的課懂了很多東西,加油支持你
老師很有深度聽你的課懂了很多東西,加油支持你
2017-11-06
已采納回答 / 留白未來
沒必要加太多東西. con類你已經(jīng)設(shè)成了inline-block,那么在父盒子上就可以直接text-align: center;另外你這垂直居中的效果不太對.box類上不是height,而是line-height.將你的代碼簡單修改了一下,你看看效果是不是你想要的.html部分<...code...>css部分<...code...>
2017-10-24
在谷歌瀏覽器下測試的,清除垂直間距只能vertical-align:top;+line-height:0;比較合適,vertical-align:bottom;會有大約1像素的間隙,
第二種全能方法:水平間隙和垂直間隙都去掉了,font-size:0;
第二種全能方法:水平間隙和垂直間隙都去掉了,font-size:0;
2017-10-24
文本x在line-height下始終默認垂直方向上居中 設(shè)置vertical-align: middle的圖片的垂直中心點就和x的中心點(交叉點)始終在一條線上。
但是由于x字符下沉它本身的中心點在交叉點以上,隨著字體大小的改變,
x始終保持垂直居中,而圖片的垂直中心點始終是和x的交叉點在一條線上,
所以x字體變大,圖片向下移動。
但是由于x字符下沉它本身的中心點在交叉點以上,隨著字體大小的改變,
x始終保持垂直居中,而圖片的垂直中心點始終是和x的交叉點在一條線上,
所以x字體變大,圖片向下移動。
2017-10-15
關(guān)于10分鐘那個,我的理解是line-height的居中是從字體的中間向上線擴開的,所以當line-height等于0時,外面的框框高度也就從那個位置開始算起了
2017-10-13