时间戳

首页 > 解决方案 > 水平显示一系列图像并溢出

javascript - 水平显示一系列图像并溢出

问题描述

我想制作自己的图像查看器，它比 windows 可以提供的更好。

我想创建一个 HTML 页面，其中包含我所有的图像，但水平放置在显示器可以到达的范围内。当我放大缩小时，图像也会调整大小和对齐方式。

我调查了 IMGUR，但我无法理解他们是如何实现的。我猜普通的 HTML 做不到，但也涉及到一些 JS？但我完全不确定。

我上一次做 HTML 是在 10 年前。不需要勺子喂食，只是一个大致的方向。

我当前的代码：

<html>
<body>
<video controls="" loop="" autoplay="" class="" src="somevideo"></video>
</body>
</html>

标签： javascripthtml

解决方案

您可以尝试使用flexbox。就像是：

<div style="display:flex; flex-wrap: wrap; width: 100vw; height: 100vh;">
  // your image elements
  <img style="flex: 1;" src="myImage.png">
</div>

应该给你你正在寻找的东西（至少据我所知）。

推荐阅读