减少投资组合缩略图之间的空间

Question

我正在使用 Illustrator wordpress 主题，并希望

• 缩小我的作品集页面缩略图之间的间距
• 以全尺寸显示我的缩略图。

我尝试了什么

• 我使用简码将其设置为显示 3 列，并注意当我将其设置为 2 列时，缩略图以全尺寸显示，但在 3 列时它会减小缩略图大小。

• 另外，我尝试检查缩略图并发现没有填充或边框，所以不知道如何进一步减少它。

我会感谢任何有关正确 CSS 的帮助，以使缩略图以 100% 显示，并且可能在此之后仍会减少缩略图之间的空间，无论是垂直还是水平。

Answer 1

好吧，如果没有链接或代码，很难帮助您，但我会尽力帮助您。

尝试查看间距在哪里，它可能不在缩略图上，可能是图像本身或某种嵌套容器。一旦找到填充/边距，您就可以对其进行调整，它必须在某个地方。如果您想跳过它并且有一些令人困惑的代码，请为图像缩略图本身添加负边距。边距：-5px；例如。

要使缩略图全尺寸

max-width: 100%;
height: auto;

现在如果你想强制一个大小，只需将它们添加到一个容器并设置容器的大小

<div style="max-width:200px;">
    <img src="#" />
</div>