【问题标题】:(WordPress) How do I center galleries?(WordPress)如何将画廊居中?
【发布时间】:2018-11-13 05:01:52
【问题描述】:

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

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

任何帮助将不胜感激。

谢谢!

【问题讨论】:

    标签: css wordpress gallery


    【解决方案1】:

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

    #gallery-1 {
        margin: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .gallery-item {
       flex-basis: 33%;
    }
    

    希望对你有帮助。

    【讨论】:

    • 非常感谢,成功了!我不喜欢它,因为它看起来不完整,就像最后一张图片丢失了一样。也许你可以帮我做点别的事情?如您所见,超链接超过了图像(例如,即使在它们之间单击,您也可以打开图像,或者如果我有一个只有一张图像的画廊,超链接会在图像的整个长度范围内扩展图像的左侧和右侧内容)。你知道我怎么只能让图像本身可以点击吗?谢谢!
    • 您必须考虑如何构建 DOM。基本上,您需要在锚标记之外的元素上放置图像周围的边框。干杯!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-13
    • 2011-12-07
    • 1970-01-01
    • 2015-12-24
    • 1970-01-01
    • 2023-03-19
    • 1970-01-01
    相关资源
    最近更新 更多