在主题列表中显示主题作者

贡献 用户体验
4

啊！我确实疏忽了，没有提供下载或查看代码的方式！这只是一段 CSS 代码。等我有空时，我会把它打包成一个完整的主题组件并发布到 GitHub 上。

// 隐藏除主题作者外的所有发帖者
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // 仅显示第一个发帖者
    a:not(:first-of-type) {
        display: none;
    }
    // 移除偏移和装饰
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // 居中对齐的调整
    & > a {
        float: none;
        margin-right: 0;
    }
}

// 确保在较小宽度下显示正确的用户
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // 确保显示第一个发帖者
        a:not(.latest) {
            display: block;
        }
        // 隐藏其他所有内容
        a:not(:first-of-type) {
            display: none;
        }
    }
}

您想要实现的效果可能更接近以下内容：

4 个赞