大佬教程收集整理的这篇文章主要介绍了html – SVG元素之间的奇数间距，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这些SVG元件之间的间距非常小(最大1pX),并且彼此之间的距离可以接受.
当我复制生成的SVG并将其渲染为普通DOM的一部分而不是在页面加载时生成时,它在SVG元素之间具有奇数间隔. http://jsfiddle.net/1n73a8yr/
注意：我已经确认SVG的宽度与其中的形状一样宽,因此额外的空间不是来自SVG.
为什么SVG在页面加载时注入时与在作为DOM的一部分呈现时呈现不同？有没有办法解决这个问题,而不采用负像素值的svgs上的左css属性？
HTML：
<div>
<svg width="86.60254037844386" height="100"> <polygon xmlns="http://www.w3.org/2000/svg" id="0" style="fill:#6C6;" points="86.60254037844388,25.000000000000004 86.60254037844388,75 43.30127018922193,100 -7.105427357601002e-15,75 -7.105427357601002e-15,25.000000000000014 43.301270189221924,0 "></polygon></svg>
<svg width="86.60254037844386" height="100"> <polygon xmlns="http://www.w3.org/2000/svg" id="0" style="fill:#6C6;" points="86.60254037844388,0 "></polygon></svg>
</div>
CSS
svg { display:inline-block; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; }
内联块是：
那么该怎么办？
在这种情况下,因为是一个svg,你可以在HTML中注释空格.
More info关于使用内联块的空白空间
这是一个片段：
svg { display:inline-block; }
<svg width="86.60254037844386" height="100">
<polygon xmlns="http://www.w3.org/2000/svg" id="0" style="fill:#6C6;" points="86.60254037844388,75 -7.105427357601002e-15,0 "></polygon>
</svg><!-- --><svg width="86.60254037844386" height="100">
<polygon xmlns="http://www.w3.org/2000/svg" id="0" style="fill:#6C6;" points="86.60254037844388,0 "></polygon>
</svg>
以上是大佬教程为你收集整理的html – SVG元素之间的奇数间距全部内容，希望文章能够帮你解决html – SVG元素之间的奇数间距所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。