评论

SVG元素底部为何会产生空白?

SVG元素底部为何会产生空白?

代码讲解



代码案例

<section>
	<section data-title="SVG元素底部为何有空白?" data-info="讲解人:懂点君">
	<svg style="vertical-align: top;width: 100%;background-image: url(https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqSgOOJ1uNFtfmxy9EKticMyIfIzaPT3XPyJM8kGsZyXTWLTSoGj6uTzZIqhrEIulxrRw83pibFR1hWA/0?wx_fmt=png);background-size: 100%;background-repeat: no-repeat;line-height: 0;" viewBox="0 0 1280 1705"></svg>
	<svg style="vertical-align: top;width: 100%;background-image: url(https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqSgOOJ1uNFtfmxy9EKticMyIQj7fSwBS66vXgic2bunj1KfDQKCiah847DFpFvLhPO9Sfpnib9iaLVw0Ew/0?wx_fmt=jpeg);background-size: 100%;background-repeat: no-repeat;line-height: 0;" viewBox="0 0 1024 1369"></svg>
	</section>
	<section style="overflow: hidden;width: 350px;height: 0!important;margin: 0 auto;"><p style="text-align: center;">提示:如图文未加载,请刷新重试(懂点君)</p></section>
</section>
最后一次编辑于  2021-06-28  
点赞 0
收藏
评论
登录 后发表内容