0

我正在开发一个 WordPress 网站，无论我多么努力，我都无法弄清楚。我想要一个与此类似的网格（http://www.elegantthemes.com/gallery/origin/），但更像这样：（http://themeforest.net/item/hercules-portfolio-business-wordpress-theme /full_screen_preview/5124743）。您会看到在 hercules 主题中，网格仅位于页面顶部。我想做与页面中间类似的事情。不幸的是，我无法切换主题来获得该功能。所以我想知道如何创建自己的版本。有人可以指出我正确的方向吗？

Ps 网格不需要任何花哨的缩放动画，甚至不需要是可链接的。只是像 4x2 网格中的静态图片。图像之间没有间距、填充或边距。我联系了那个主题的设计师，他提到它不是一个插件。它是自定义 CSS3。那时他并没有更多帮助：/

4

1 回答 1

1

我会使用无序列表来包含图像，浮动列表项并应用 25% 的宽度。然后图像需要 100% 的宽度，最大宽度 100% 和高度：自动 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;

}
于 2013-10-23T00:25:39.370 回答