我有一个简单的SVG元素,其高度和宽度等于80%
。我还将元素边距10%
应用于页面上的SVG居中。但是,由于某种奇怪的原因,保证金似乎创建了一个y-overflow
,以便页面可以滚动。这样做没什么意义,因为我应用的垂直和水平方向应该不超过100%
。这里是我的代码:SVG元素上的多余边距
html, body {height: 100%;}
* {
margin: 0;
padding: 0;
}
svg {
margin: 10%;
height: 80%;
width: 80%;
background: #ddd;
}
svg path {
fill: none;
stroke: #000;
stroke-linejoin: round;
transition: 0.2s;
}
<svg viewBox="0 0 40 40">
<path d="M15,5 l10,0 l0,10 l10,0 l0,10 l-10,0 l0,10 l-10,0 l0,-10 l-10,0 l0,-10 l10,0 l0,-10 Z" />
</svg>
从本质上讲,我希望SVG与利润百分比为中心的,我不想身体被滚动。
在此先感谢!
谢谢!但是,这并没有帮助,因为我希望元素居中。 –
你可以使用绝对定位?我已经编辑了绝对定位的片段。 – Santosh
是的,我认为有几种方法可以做到这一点。但是,我更想了解为什么这种特定的方法不起作用。 –