预期结果:
在Chrome中看起来不一样。我试着给图片添加flex: 0 0
。但是看起来我不能影响它们的大小。我能让它看起来像在Firefox中一样,没有div Package 器和设置图片的大小吗?
div {
display: flex;
gap: 5vw;
}
img {
width: 100%;
height: auto;
}
<div>
<img src="https://place-hold.it/1280x1024" alt="">
<img src="https://place-hold.it/1280x1024" alt="">
<img src="https://place-hold.it/1280x1024" alt="">
</div>
下面是jsfiddle:https://jsfiddle.net/ogbva8n5/
UPD:当我在像素中设置任意宽度的图片时,它们就开始按照它们应该的方式工作了。看起来像是Chrome中的一些bug,不是吗?
1条答案
按热度按时间8yparm6h1#
您可以通过隐藏溢出来执行此操作: