如何控制svg元素的宽度和高度
p
我创建了一个具有自定义宽度和高度的div包装器，然后将SVG放入包装器中，但是宽度和高度没有被修改，在这种情况下如何控制宽度和高度？
export const SvgWrapper = styled.div`
width: ${(props) => props.width && props.width};
height: ${(props) => props.height && props.height};
padding-bottom: ${(props) => props.paddingBottom && props.paddingBottom};
`;
丹尼斯瓦什
与普通CSS一样，您需要使用CSS选择器来定位SVG，而您当前div仅将样式应用于元素。
export const SvgWrapper = styled.div`
svg {
width: ${(props) => props.width};
height: ${(props) => props.height };
padding-bottom: ${(props) => props.paddingBottom};
}
`;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何获取SVG折线元素的高度和宽度？
- 2
如何使 svg 适合 html 的宽度和高度？
- 3
如何解析SVG元素的viewBox x，y，宽度和高度值？
- 4
如何强制使用SVG元素显示的图像覆盖整个宽度和高度
- 5
如何解析SVG元素的viewBox x，y，宽度和高度值？
- 6
倾斜转换后获取SVG元素的宽度和高度-javascript
- 7
宽度和高度在SVG <use>元素中不起作用
- 8
如何在javascript中正确设置SVG的宽度和高度？
- 9
如何通过js从svg div获取宽度和高度
- 10
如何调整SVG社交图标的宽度和高度？
- 11
如何从导入的SVG设置画布的高度和宽度
- 12
如何将固定宽度和高度设置为SVG
- 13
如何在javascript中正确设置SVG的宽度和高度？
- 14
如何通过js从svg div获取宽度和高度
- 15
如何调整SVG社交图标的宽度和高度？
- 16
如何为多个og：image元素设置高度和宽度
- 17
如何在 Javascript 上测量旋转元素的宽度和高度？
- 18
更改svg圆元素的宽度/高度
- 19
SVG：使用像素而不是百分比使子元素匹配父元素的宽度和高度？
- 20
使用滑块控制nslayoutConstraint的宽度和高度
- 21
固定的SVG高度和可变（100％）宽度
- 22
HTML/CSS svg 自动高度和宽度
- 23
如何按百分比设置svg宽度和svg高度？
- 24
如何使div的高度和宽度等于屏幕的宽度和高度？
- 25
转换后获取元素的高度和宽度
- 26
如何限制pygal中svg的宽度/高度
- 27
相对定位元素内的绝对定位元素。如何获得宽度和高度？
- 28
如何将图像切成9张并控制宽度和高度？
- 29
将SVG的高度和宽度设置为其中的<text>节点的高度和宽度
我来说两句