Php 如何在没有间距/填充的情况下创建图片网格？（WordPress）

我在一个WordPress网站上工作，有一件事我就是想不通，不管我怎么努力。我想要一个类似于（）的网格，但更像：（）。您将看到，在hercules主题中，网格仅位于页面顶部。我想在页面中间做一些类似的事情。不幸的是，我无法切换主题以获得该函数。所以我想知道如何创建自己的版本。有人能给我指出正确的方向吗

---

另外，网格不需要任何奇特的缩放动画，甚至不需要链接。只是在4x2网格中的静态图片。图像之间没有间距、填充或边距。我联系了这个主题的设计师，他提到这不是一个插件。这是定制的CSS3。尽管如此，他并没有提供任何帮助：//p>我会使用无序列表来包含图像，浮动列表项并应用25%的宽度。然后，图像需要100%的宽度，最大宽度100%和高度：auto a，用于响应布局。上载的图像需要具有相同的高度维度（或者可以在列表项上设置固定高度，但可能会丢失一些图像内容）

---

您应该在这里截图并添加相关代码。如果这些链接曾经改变过（而且会改变），这个问题就没有多大意义了。

ul#picture_grid {

list-style: none;
width: 100%;
overflow: hidden;

}

#picture_grid li {

float: left;
width: 25%;

}

#picture_grid img {

display: block;
width: 100%;
max-width: 100%;
height: auto;

}