灯箱图片没有设置 `vertical-align` 属性,导致它们与裸露的 `img` 标签对齐出现问题

优先级/严重性: 低。\n平台: 在 Windows 10 上的 Firefox 127.0 和 Android 14 上的 Chrome 125.0.6422.165 中已确认。\n描述: 见下文。\n可复现步骤: 将两个图片放在同一行,一个分辨率高于 690×500 像素(任一维度),另一个低于此分辨率。\n\n—\n\n# 预期行为\n\nLightboxed 图片和裸露的 img 应该被 CSS 以相同的方式处理,去除灯箱的所有额外附加功能。\n\n# 问题\n\nDiscourse 内置的 CSS 为 img 设置了 vertical-align: middle,但没有.lightbox-wrapper 设置,导致同一行上的 lightboxed 和非 lightboxed 图片对齐不正确,并占用不必要的垂直空间:\n\n

\n\n# 解决方案\n\n修复很简单:也为 .lightbox-wrapper 添加 vertical-align: middle

4 个赞

感谢您提供的详细报告!已在此处应用修复程序:

该修复程序将很快在 Discourse 更新中提供。

4 个赞

太棒了!非常感谢!:blush:

1 个赞

此主题已在 3 天后自动关闭。不再允许回复。