Css 如何在具有：after伪元素的链接中使用省略号

我有一个链接，如下图所示

我想做的就是申请

text-overflow: ellipsis; 

因此，在本例中，“Page”一词将替换为省略号，但仍有箭头，它是链接的：after元素

链接代码如下：

.next-lesson:after{
background: url("img/icons.png") no-repeat -9px -91px;
display: inline-block;
background-repeat: no-repeat;
width: 15px;
height: 15px;
content: "";
margin-left: 5px;
}

---

关于您最后的评论，您可以执行以下操作：

---

在链接的父div上声明

position:relative

，在链接的伪元素上声明

position:absolute

，使其独立于

a

及其声明的

溢出：hidden

。相应地调整位置，一切都会好起来。

您当前对

a及其
进行样式设计的代码是什么：在
之后？我创建了一把小提琴。我可以重现他的问题，但无法修复（到目前为止）：我已经用链接css更新了问题。关于
。下一课
？
。下一课
现在没有任何属性，但链接由父div包装，大小固定，在我使用引导网格时是一个span3。这似乎有效！现在我只需要稍微调整一下。非常感谢。