css - 水平图像清晰

Question

我无法让这些缩略图水平堆叠并清除此处的文本:

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

我可以在行中添加一个 float:left:

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

但是下面的文字一直环绕着容器。

Answer 1

如果您在开发人员工具中检查 ngg-galleryoverview，当您 float 它的子项时，您会看到它已折叠。 (又名:它不再延伸以包含它们。)如果你想让 child 漂浮，解决这个问题的最快方法是添加:

.ngg-galleryoverview {
  overflow: hidden;
}

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