非局部样式-行高 对齐

image.png

line-hight可以设置字体居中的
背景background的大小和字体大小一样大小的。
line-hight高度大于font-size的高度 所以超过的高度就在两侧平局分配。

字体对齐 :
可以通过vertical-align: top center bottom 还有具体数值进行设置。


image.png

image.png

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


image.png

因为图片默认是以基线对齐 所以我们可以调整图片以底线对齐就可以消除底部距离
第一种修改方式:


image.png

第二种修改方式:
将图片改成 block 块级元素就可以解决,因为块级元素不涉及到与文字对齐的概念。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容