如何使用HTML/CSS创建具有相同宽度和不同高度的照片库？

我是HTML和CSS的初学者。我想创建一个照片库，其中所有列的宽度相同，但每张照片的高度可能不同。但是我希望所有的照片都能互相“拥抱”，这样第二排的照片就不会在同一个垂直位置开始。我如何做到这一点？只是看到了一些关于专栏的东西-也许这样行吗？我非常感谢您的帮助

您可以创建一个HTML页面，其中包含每个列的

div

s

然后，您可以使用CSS样式表将列放在一起： -将所有这些列

div

向左浮动（参考W3C学校），或 -使用

相对

或

绝对

位置

ing（参考W3C学校）并为每个分区提供X和Y坐标

然后给每列

div

一个预设宽度（参考W3C学校的）

---

然后，列中的每个项目都将移动到新行（当它具有静态定位时，这是大多数标记的默认设置）。因此，只要给该列中的每幅图像一个相同的固定值，你应该会很好…

稍微偏离主题，但这就是你想要的吗？它是jQuery，而不仅仅是css。