我是HTML和CSS的初学者。我想创建一个照片库，其中所有列的宽度相同，但每张照片的高度可能不同。但我希望所有的照片能够拥抱＃34;拥抱＆＃34;彼此相对，使得第二行中的照片可能不会在彼此相同的垂直位置开始。我该如何做到这一点？刚刚看到有关列的内容 - 也许这会有效吗？我很感激任何可用的帮助！
答案 0 :(得分：1)
您可以为每列创建一个包含div的HTML页面。
然后，您可以使用CSS样式表将列放在一起：
- 将所有这些列div向左浮动（参考W3C学校的CSS floating），或者
- 使用relative或absolute position（参考W3C学校的CSS positioning）并为每个div提供X和Y坐标。
然后为每列div预设宽度（请参阅W3C学校的CSS width and max-width）。
然后，列中的每个项目都将移动到一个新行（当它具有静态定位时，这是大多数标记的默认设置）。所以只要给那个列中的每个图像固定一个你应该没问题的那个......