Html 如何在滚动行中显示一张图片和下一张图片的一半

.carousel {
  height: 74%;
  width: 85%;
  margin-left: 7.5%;
  margin-top: 0.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: scroll;
  overflow-y: hidden;
}

.carousel img {
  width: 85vw;
  height: 74vh;
  min-width: 100%;
}

<div class="carousel">
  <img src="https://via.placeholder.com/600x400">
  <img src="https://via.placeholder.com/600x400/dddddd">
</div>

.carousel {
  height: 74%;
  width: 85%;
  margin-left: 7.5%;
  margin-top: 0.5%;
  display: flex;
  align-items: center;
  overflow: scroll;
  overflow-y: hidden;
}

.carousel img {
  width: 85vw;
  height: 74vh;
  min-width: 100%;
}

<div class="carousel">
  <img src="https://via.placeholder.com/600x400">
  <img src="https://via.placeholder.com/600x400/dddddd">
</div>

Html相关问答推荐

有没有可能一个按钮，有焦点，然后再次点击它清除它的焦点，只是使用css？

HTML5章节或文章

在 bootstrap 中的弹性项之间添加连接行

如何在Vim中删除Html标签？

在 Select 前后更改选项卡的背景

将输入字段下方的两个按钮设置为两侧对齐

尽管div高度为100%，div中的内容仍会溢出

使用Cypress循环遍历不一致的父对象

在移动屏幕上显示时分支树视图的响应能力问题

网格项未在同一行上对齐

调整 Rmarkdown 输出的 html_document 的标题和副标题之间的间距

为什么我的网页显示网格区域彼此相邻，而不是我设置它们的方式？

如何居中此按钮，即使它已经在计算机分辨率中居中

将三个div转换为显示flex

为什么即使我点击其他地方，我的 contenteditable="true" 也会被激活？

如何调整网格中单元格的高度？

如何让一个 div 始终贴在容器的边缘？

每次按下按钮时减小字体大小的 jquery 函数

如何将图像高度设置为等于文本高度？

如何使用 html 和 css 添加超链接功能