ما رأيك في هذا؟
- أولاً نضيف فاصلة بعد آخر رابط مُسمى
- ثم نخفي
... - ثم ندرج نص
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";
}

من المحتمل أن تكون هناك طريقة أفضل لإزالة ... من التدفق تمامًا، ولكن الهامش السلبي يبدو أنه يعمل بشكل جيد.