gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:46:10 25 4
gpt4 key购买 nike

我最近更改了我的博客主题,这个新主题根本没有居中画廊,直到我设法用一些 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com