img,display:inline相关间隙样式问题

本文介绍了在网页布局中解决图片与上下元素间距问题的三种CSS方法:使用inline或inline-block设置字体大小为0px,为图片添加垂直对齐属性(如top,text-top,bottom,text-bottom),以及将图片元素的display属性设置为block。通过这些方法,可以有效调整图片与周围元素之间的间距,提升网页设计的一致性和美观度。

img图片展示上下(有些浏览器可能左右)有间隙解决方式:

1.(display:inline或inline-block)标签元素或图片的父标签  font-size:0px;

2. 图片添加样式 vertical-align属性为“top,text-top,bottom,text-bottom” 

3. 图片添加样式 display:block;

转载于:https://www.cnblogs.com/mengwei-ziyun/p/5345354.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值