如何实现像这样主题帖子并排布局？

[lilstranded (LiLStranded-Here)]

我很想为我的 Discourse 实例实现一个并排布局（见附图）。谁能指导我如何做到这一点？感谢您的任何帮助！

[NateDhaliwal]

CSS 弹性盒子，或许？就凭脑海中的第一印象。然后也许可以使用 API/requests 来获取一些其他数据，比如帖子数量。

[Canapin (Coin-coin le Canapin)]

你想要的基本上是把横杆换成竖杆吗？
它们可以通过主题组件来实现，而仅用CSS是做不到的。
这需要小心不要破坏任何东西，可能也不算容易：思考：

[lilstranded (LiLStranded-Here)]

我尝试了一些基本的弹性盒子调试，但只破坏了布局。

[lilstranded (LiLStranded-Here)]

你好 @Canapin！基本上我想让帖子作者的详细信息在左边，帖子的内容在右边，而不是像Stock Discourse布局那样上下排列。
如果有相关的模组会更有帮助。

[manuel (Manuel Kostka)]

@Canapin

无法仅用 CSS 完成。

我同意，你无法用 CSS 以一种简洁的方式重新定位这些项目。头像和默认元数据在模板中是分开排列的：

我想知道 Epic 论坛上实际是如何实现的。这是模板覆盖吗？我没有在这个位置看到任何插件出口：

[Arkshine]

从我所看到的，他们在 post-avatar 小部件内容之后重新添加了数据（用户名等），为 .topic-avatar 添加了一些宽度，并用 CSS 隐藏了其他所有内容，只保留日期。让我看看是否能重现它。

[Arkshine]

您可以尝试这个基础主题组件：https://github.com/Arkshine/discourse-topic-avatar-vertical-layout。

• 仅桌面视图
• 它与其他修改兼容 [^1]
• 不包含帖子计数。您需要一个插件，例如这个：https://github.com/Arkshine/discourse-user-post-count。

如果您发现任何问题，请告诉我。

[^1]：它将 poster-name 小部件移到 post-avatar 小部件下方。除 CSS 调整外，没有其他更改。

[lilstranded (LiLStranded-Here)]

那太棒了！非常感谢你，哥们。