Image CSS3列计数

我有一个div，它的宽度为100%，在这里面我有大约10个图像，所有的图像都是不同的宽度和大小。我希望能够无缝地将这些图像浮动在彼此周围，我已经做到了这一点，但它们不会在屏幕上延伸，它们都被调整为相同的列宽……是否有其他方法可以更改它们，使它们保持各自的大小，但彼此填充

我有这个：

.images {
   line-height:0;
   -webkit-column-count:6;
   -webkit-column-gap:0px;
   -moz-column-count:6;
   -moz-column-gap:0px;
   column-count:6;
   column-gap:0px;
   background:#545454;
   width:100%;
   display:inline-block;
}

.images img {
  width:100% !important;
  height:auto !important;
}

---

提前谢谢

列属性用于设置列中的文本，以便文本流从一列的末尾持续到下一列的开头。在图像中使用它们不是一个好主意

---

根据您所说的隐含目标“无缝地将这些图像漂浮在彼此周围”和“在屏幕上延伸”以及“它们保持各自的大小，但相互填充”，您可以简单地将

img

元素一个接一个地放置，或者使用

float:left

或将它们放置在HTML表格中，或者使用CSS

table

属性模拟它们。

谢谢，我想我追求的主要是一种砖石效果，在图像之间填充空白，这是我用浮标无法做到的。我会留意的，谢谢。