水平图像清除

Question

我无法将这些缩略图水平叠加并在此处清除文字：

http://svgcuts.com/blog/2016/04/09/fairy-cottage-svg-kit/

我可以添加一个浮动：左边的行：

191 .entry .ngg-galleryoverview .ngg-gallery-thumbnail img {float: left;}

但是下面的文字不断地围绕着容器。

Answer 1

假设这是您的网站，您可以使用A来实现您的目标。

我注意到了缩略图的包装，并提出了代码：

flexbox

请注意，我刚刚添加了：

.entry .ngg-galleryoverview {
    padding: 0px !important;
    margin: -15px 0px 30px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

对我来说效果很好：

Answer 2

如果您在开发人员工具中检查ngg-galleryoverview，当您浮动它的孩子时，您会看到它已崩溃。 （又名：它不再延伸以包含它们。）如果你想让孩子们漂浮，解决这个问题的最快方法是增加：

.ngg-galleryoverview {
  overflow: hidden;
}

.ngg-gallery-thumbnail-box {
  float: left;
}