我有一个场景,我需要点击锚标签和div下的可点击.svg文件对象.
我有将display:inline-block
添加到div(.svg-wrapper
)或锚标记的解决方案.然而,我需要Display:contents
的锚标签以及对div由于一些css功能.
.component-content{
display: flex;
overflow: hidden;
}
a{
display: contents;
}
.svg-wrapper{
display: contents;
}
.svg-container{
height: auto;
align-self: start;
padding: 0 19px 0 0;
max-width: 50%;
pointer-events: none;
}
<div class="component-content">
<a href="http://google">
<div class="svg-wrapper">
<object class="svg-container" type="image/svg+xml" data="https://beta.designforventures.co/Free-Animated-SVG-Icons/warehouse/youtube-icon-dark-grey.svg">
<img src="https://beta.designforventures.co/Free-Animated-SVG-Icons/warehouse/youtube-icon-dark-grey.svg">
</object>
</div>
</a>
</div>