(WordPress)如何将画廊居中?

时间:2018-11-12 20:48:55

标签: css wordpress gallery

我最近更改了博客的主题,而这个新主题直到我设法使用一些CSS进行修复后才真正成为画廊的中心。但是,如果最后一行的图像数量不如前一行,那么最后一行仍然存在问题。 (例如:https://blog.ovidiuav.com/2018/11/09/nou-autor-blog/

在示例中您可以看到,我插入了一个具有2行的3列画廊,但是最后一行只有两张图像。我希望最后一行将图像居中,这样看起来更好。因此,只要最后一行的图像较少,我希望它们居中。

任何帮助将不胜感激。

谢谢!

1 个答案:

答案 0 :(得分:1)

我个人很喜欢这种方式。但是,如果确实需要,请使用flexbox(或网格):

#gallery-1 {
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.gallery-item {
   flex-basis: 33%;
}

希望有帮助。