Html flexbox 中的图像在 Chrome 和 Firefox 中看起来不同 如何使它们在 Firefox 中看起来像

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>

div {
  display: flex;
  flex-wrap: nowrap;
  gap: 5vw;
}

div > img {
overflow: hidden;
}

<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>

Html相关问答推荐

删除第一个列表项上的左边框

垂直页眉，每行只显示一个使用css的字母

如何在一张表中逃脱边境坍塌--崩溃？

如何更改计时器S输入的Angular 字体大小？

当溢出到滚动条中时， bootstrap 按钮样式会更改

如何将CSS滤镜仅应用于背景图像

如果DIV没有特定的sibling 姐妹，则以CSS为目标

平移变换下的SVG剪辑路径行为

旧文本淡出，但新文本不会淡入，而是突然出现

carousel 的垂直滚动按钮居中

获取标准的Python脚本，以便使用FASK对网站进行Flask

如何在 Bootstrap 5 中将两个导航栏元素放在末尾？

带标签 css 的 div 内的中心图标

排列卡片时遇到困难

水平填充容器内的空间

表单中如何分别禁用/启用多个提交按钮？

不完整的悬停

XPATH Select h2标签和

标签之间或h2标签和 标签之间的td元素，以立即为准

有没有办法在 CSS 类子句中指定多个 HTML 元素？

如何创建 宏？