svg图像在图像周围留出空间，没有任何边距或填充 [英] svg image taking space around image without any margin or padding

问题描述

我在这样的网站上使用svg图片

I am using svg image in my site like this

<img width="251" alt="Page Bros Group" src="http://pagebro.agencyhub.co.uk/wp-content/themes/pbg_theme/images/Page Bros Group logo v1.svg">

但是当我在浏览器中看到它时，它周围显示了空格. 我尝试了margin:0，padding:0，但无法正常工作的是网站网站 的链接

But when i see it in browser, it showing spaces around it. i tried margin:0 , padding:0, but not working here is the link of site site

推荐答案

在 Inkscape 中打开您的SVG文件 strong> 编辑器.

Open your SVG file in Inkscape editor.

转到File> Document Properties> Resize Page to content> Resize page to drawing or selection.它将删除/修剪SVG周围的空间.

Go to File > Document Properties > Resize Page to content > Resize page to drawing or selection. It will remove/trim the space around SVG.

这篇关于svg图像在图像周围留出空间，没有任何边距或填充的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！