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

用户体验
,
4

这个怎么样？

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

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

1 个赞