css - (WordPress) 我如何居中画廊?

标签 css wordpress gallery

我最近更改了我的博客主题,这个新主题根本没有居中画廊,直到我设法用一些 CSS 解决这个问题。但是,如果最后一行的图像数量不如前一行,那么它仍然存在问题。 (例如:https://blog.ovidiuav.com/2018/11/09/nou-autor-blog/)

如您在示例中所见,我插入了一个包含 2 行的 3 列画廊,但最后一行只有两张图片。我希望最后一行将图像居中,这样看起来更好。因此,每当最后一行的图像较少时,我希望它们居中。

如有任何帮助,我们将不胜感激。

谢谢!

最佳答案

就我个人而言,我喜欢它的样子。但如果你真的必须,请使用 flexbox(或网格):

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

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

希望对您有所帮助。

关于css - (WordPress) 我如何居中画廊?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53269870/

相关文章:

html - 单击外部时关闭模态 - 多个 ID

html - 在响应式布局中将 Bootstrap 3 排序列放入同一行

javascript - 无法获得所需的悬停状态

android - ViewPager 的 fakeDragBy() 或 setCurrentItem() 不会吸附到当前项目

javascript - 使用可变大小缩略图制作照片库的最简单方法是什么?

html - 无法在谷歌地图多边形上定义样式

javascript - 如何在JS中用px减去100%的标题宽度?

css - 删除元素时出现问题,无法正常工作

php - 如何在新标签/窗口中打开每个 Wordpress 帖子?

java - Android 中的多点触控手势和图像