使用iframe遇到底部留白的问题

公司最近的项目上需要用到iframe,小编也是第一次使用,本来是好好的,直到我发现底部空出了一段空白,起先是以为高度没有继承父元素的,然后去父元素那里height:100%,最终都没有用。排除了时高度的问题,最后想到以前学的vertical-align或许是对这个问题解决的方案,结果是对的。

代码来~~~

 给大家测试一波vertical-align:bottom

 

 大家可以看到这个时候图片的底部距离本行的底部还是有一定的距离的

 这个时候大家可以看到图片跟跟这一行的就没有距离了

vertical-align:bottom:使元素及其后代元素的底部与整行的底部对齐。

如果大家还想要了解更多可以去了解一下基线

好了,希望帮到更多的小伙伴,本次小记到此结束~~~

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值