非局部樣式-行高 對齊

image.png

line-hight可以設(shè)置字體居中的
背景background的大小和字體大小一樣大小的。
line-hight高度大于font-size的高度 所以超過的高度就在兩側(cè)平局分配。

字體對齊 :
可以通過vertical-align: top center bottom 還有具體數(shù)值進行設(shè)置。


image.png

image.png

文字和圖片inline 布局 :
圖片距離底部有距離, 如何去除


image.png

因為圖片默認是以基線對齊 所以我們可以調(diào)整圖片以底線對齊就可以消除底部距離
第一種修改方式:


image.png

第二種修改方式:
將圖片改成 block 塊級元素就可以解決,因為塊級元素不涉及到與文字對齊的概念。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容