0

我正在为我的摄影作品创建一个 wordpress 页面。我正在使用最新的 wordpress 和最新的 nextgen 画廊插件。但是我有一个CSS问题

我希望我的页面能够响应我的主题,但我也需要让 nextgen css 也成为。我想做的是找出以下

我在一行 nextgen css 中有许多图像,每个图像之间的间距是通过右侧和底部的 L 形填充完成的,请参见下面的简单图。这很好,但是它也适用于我不想要的行的最后一个图像,因为这不会使文档周围的边距相等

┌──┐░┌──┐░┌──┐░┌──┐░
│  │░│  │░│  │░│  │░
└──┘░└──┘░└──┘░└──┘░
░░░░░░░░░░░░░░░░░░░░

如果在每台设备上连续有一组数量的图像,这会很好,因为我已经通过 css & php 解决了这个问题。然而,为了在较小的设备屏幕上做出响应并更好地适应,每行图像的数量可能会改变,所以我想知道是否有某种方法可以使用 CSS 来解决这个问题。

如果我通过告诉 php 在第 4 张图像上使用不同的 div 提前知道数字,我设法做到了这一点。

目前我的页面没有上线,所以无法提供指向它的链接,抱歉;

感激地收到任何帮助

4

2 回答 2

2

它应该像这样简单:

.picture-container :last-child
{
    // css for last image here
}

其中 .picture-container 是包含图片元素的任何元素。

或者,您可以这样做:

.picbox:last-of-type {
    // css for last image here
}
于 2014-03-17T01:25:41.413 回答
0

我已经重写了我的页面以不同的方式工作,因为解决此问题的唯一方法是使用不符合 ie7 的代码

于 2014-04-03T21:49:05.037 回答