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

支持
1

像这样

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

1 个赞
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 个赞
3

欢迎来到 Meta :waving_hand:

您想让主题列表看起来像这样吗？

我认为您可以使用此组件实现此目的

3 个赞
4

从楼主那里我看不出请求是移动主题作者还是所有头像。

5

没错，谢谢你的帮助，非常感谢

1 个赞
6

也非常感谢您的帮助，我最终使用了那个主题组件，但我还是很感激。

1 个赞
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.