我怎样才能让父母<button>采取孩子的大小</button><svg>
[英]How can I make parent <button> take size of child <svg>
问题描述
I use svg image with help of use from previously created sprite.
我使用SVG图像以帮助use以前创建的精灵。 The problem is that when I have <svg> inside of button then div takes the whole space available when expected income is to be the same size as child.问题是，当我在button内有<svg>时，当预期收入与孩子的大小相同时，div 会占用整个可用空间。 Any help?有什么帮助吗？
My code:我的代码：
<button class="presentation__video-controls-play-pause" id="play-pause"> <svg class="play-pause-icon" width="22" height="29" viewBox="0 0 22 29"> <use href="img/icons/sprite.svg#play"></use> </svg> </button>
1 个解决方案
解决方案1
2 2020-01-05 07:47:00
you have to make padding and margin of parent 0你必须制作父 0 的填充和边距
<button class="presentation__video-controls-play-pause" id="play-pause" style="padding:0px;margin:0px;"> <svg class="play-pause-icon" width="22" height="29" viewBox="0 0 22 29"> <use href="img/icons/sprite.svg#play"></use> </svg> </button>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何使子div占用父div的大小 - How to make child div to take the size of parent div
如何使 svg 拉伸到父级的宽度，同时保持中心圆的大小及其高度？ - How can I make the svg stretch to the width of the parent while keeping the size of the central circle and its height?
如何使用其父容器制作 svg 比例尺？ - How can I make an svg scale with its parent container?
如何在不缩放的情况下使SVG适应视口大小？ - How can I make this SVG adapt to viewport size without scaling?
我该如何做 <select>取其内容的大小？ - How can I make a <select> take the size of its content?
如何将父 div 缩小到其子级的大小？ - How can I shrink the parent div to the size of its child?
如何使父元素成为子元素的大小？ - How to make parent element to be the size of the child element?
无论屏幕大小如何，如何使 svg 占据屏幕的 100% - How to make svg take 100% of the screen no matter the screen size
如何使父级宽度等于子级宽度？ - How can I make parent width equal to child width?
我可以制作一个 svg 图像按钮吗？ - Can I make an svg image button?
相关标签