如何将头像位置反转到主题文本前面？

支持
2

您好，欢迎来到 Discourse！

这是一个出乎意料的难题：它使用了 table 元素，并且在不改变实际 HTML 结构的情况下，很难改变顺序。而改变结构本质上意味着用您自己的模板替换该组件，我强烈不建议您尝试这样做。

我快速尝试了一下，纯 CSS 有点可能实现，但实现效果不太稳健。

如果您想尝试：

.topic-list-item {
    position:relative;
}

.topic-list .posters {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    height: auto;
}

.topic-list .topic-list-data:first-of-type {
    padding-inline-start: 150px;
}

我建议您将其限制在桌面端使用！

1 个赞