# 用户个人资料显示“和 XY 其他群组”而非“...”

**URL:** <https://meta.discourse.org/t/show-and-xy-other-groups-instead-of-on-user-profile/386250>\
**Category:** UX\
**Tags:** accessibility, ux\
**Created:** [2025年十月20日 21:02 UTC](https://meta.discourse.org/t/show-and-xy-other-groups-instead-of-on-user-profile/386250 "2025-10-20T21:02:05Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![ToddZ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/toddz/32/328350_2.png) [@ToddZ](https://meta.discourse.org/u/ToddZ)\
**Post date:** [2025年十月21日 18:53 UTC](https://meta.discourse.org/t/show-and-xy-other-groups-instead-of-on-user-profile/386250/4 "2025-10-21T18:53:16Z")

</div>

这个怎么样？

- 首先，我们在最后一个命名链接后添加一个逗号
- 然后我们隐藏“…”
- 然后我们插入“and more”文本——并稍微向后移动一点，因为“…”的空间实际上还在那里
- （还添加了更具体的选择器，以避免在其他地方发生潜在冲突）

```css
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}

.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "and more";
}

```

![image](https://global.discourse-cdn.com/meta/original/4X/f/7/a/f7a2dd3e3b1c787a5b85a83dad2a018f6ec0e9b0.png)

可能有一个更巧妙的方法可以完全将“…”从流程中移除，但负边距似乎效果还可以。

---

_[View the full topic](https://meta.discourse.org/t/show-and-xy-other-groups-instead-of-on-user-profile/386250)._