Html ：在浏览器调整大小后伪元素与链接重叠后

我最近发现了一个关于我的网站页脚格式的问题，并且不知道如何解决它

---

我有一系列链接，在伪元素之后加上“\”：作为每个链接之间的分隔符。当链接文本超过40个字符且浏览器变窄时，链接文本将拆分并换行到下一行，但分隔符保留在该行上，并与链接文本的第一部分重叠。如何更改CSS，使分隔符也环绕并显示在每个链接的末尾，即使链接文本很长或环绕到下一行

应该将after的属性设置为：（top=>bottom）

---

我不得不将你的less转换成Css，然而你只需要将ul.links的位置属性li a:after更改为相对

ul.links{
利润率：25px0；
}
李连杰{
列表样式：无；
显示：内联块；
}
最后一个孩子{
显示：无；
}
李娜{
位置：相对位置；
右边距：10px；
}
李娜：之后呢{
内容：“|”；
位置：相对位置；
右：-10px；
顶部：-4px；
}

您可以通过border实现类似的功能。。。删除：之后

a {
   position: relative;
   margin-right: 10px;
   border-right: 1px solid #000;
   padding-right: 10px;
}

---

这很有效。但是，我想知道如何使用其他分隔符（如“\”）来实现这一点，因此我编辑了这个问题以反映这一点。

a {
   position: relative;
   margin-right: 10px;
   border-right: 1px solid #000;
   padding-right: 10px;
}