我是 HTML 和 CSS 的初学者。我想创建一个照片库，其中所有列的宽度都相同，但每张照片的高度可能不同。但我希望所有的照片都相互“拥抱”，这样第二行的照片可能不会以彼此相同的垂直位置开始。我如何做到这一点？刚刚看到有关专栏的内容 - 也许这会起作用？我很感激任何可用的帮助!
最佳答案
您可以创建一个 HTML 页面，其中包含每一列的 div。
然后您可以使用 CSS 样式表将列放在一起:
- 将所有这些列 div float 到左侧(引用 W3C 学校的 CSS floating )，或者通过
- 使用 relative 或 absolute positioning(引用 W3C 学校的 CSS positioning )并给每个 div 一个 X 和 Y 坐标。
然后给每一列div一个预设的宽度(引用W3C学校的CSS width and max-width)。
然后，列中的每个元素都将移动到新行(当它具有静态定位时，这是大多数标签的默认设置)。因此，只需为该列中的每个图像设置相同的固定值，您应该没问题...
关于html - 如何使用 HTML/CSS 创建具有相同宽度和不同高度的照片库？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31596702/