您好,欢迎来到 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;
}
我建议您将其限制在桌面端使用!