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

时间:2016-11-26 20:18:33

标签: css wordpress thumbnails portfolio

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

  • 缩小我的投资组合页面缩略图之间的空间
  • 让我的缩略图以完整尺寸显示。

我尝试了什么

  • 我使用短代码将其设置为显示3列,并注意当我将其设置为2列时,缩略图显示为完整大小,但是在3列时它会减少行数。

  • 此外,我已经尝试检查缩略图并注意没有填充或边框,因此不知道如何进一步减少它。

我很感激使用正确的CSS帮助缩略图显示为100%,并且可能在此之后仍然缩小缩略图之间的空间,包括垂直和水平。

1 个答案:

答案 0 :(得分:0)

如果没有链接或代码,很难帮助你,但我会刺伤你可能会有什么帮助。

尝试查看间距的位置,它可能不在缩略图上,可能是图像本身或某种嵌套容器。一旦你发现填充/边距你可以调整它,它必须在某个地方。如果您想跳过它并且有一些令人困惑的代码,请在图像缩略图中添加负边距。保证金:-5px;例如。

使缩略图显示全尺寸

.icon

现在,如果要强制执行大小,只需将它们添加到容器中并设置容器的大小

max-width: 100%;
height: auto;