图像布局在隐藏块中重新排版

嘿,我是 Discourse 论坛的长期版主,非常喜欢这个平台。但在最近的一次更新中,隐藏块的格式似乎发生了变化,这搞乱了我管理论坛的“分级列表”。

让我来演示一下……
(编辑:作为论坛新用户,我只能在一篇帖子中添加一张图片,所以无法演示,我还是发布了这篇帖子,如果有人能在下面演示就太好了。否则,你可以在这里查看问题:https://www.neomonstersforum.com/t/neo-monsters-tier-list-see-first-post/26946/2)

[图片 2] [图片 3] [图片 4] [图片 5]

^ 这里它们排成了一条漂亮的水平线

S 级

在这里我嵌入了相同的图片

^ 这里它们显示为垂直排列

在编辑过程中,预览显示它们是水平排列的,但在我保存帖子编辑后的几秒钟,它们就会翻转成垂直排列。

这在我看来似乎是一个 bug,因为格式不一致,而且以前从来不是这样工作的。

你好,欢迎来到 Meta!:wave: :smile:

我认为您的问题是灯箱被应用于您的图片,导致它们占据了整个宽度。我很确定以前它不会应用于这么小的图片,所以这可能是您的原因。另外,我查看了 CSS,[details] 标签上没有最近的更改。:thinking:

长话短说:您可以在主题或新的主题组件中添加以下 CSS:

.cooked details[open] .lightbox-wrapper {
    display: inline-block;
}

然后,您应该会得到想要的结果:


另外,我认为图片应该在 [details] 中内联。这是标签外面的默认行为,它会给用户内联/块状的选择。:thinking:

编辑:正如 Moin 所发现的,灯箱应用于小图片与以下内容有关:

2 个赞

非常感谢 @Moin 将问题追溯到 lightbox 现在应用于比以前更小的图片。我将联系我们的论坛管理员,尝试让他们根据 CSS 建议修改主题/主题组件。

2 个赞

@Arkshine 再次感谢,修复成功了!

2 个赞