0

下の画像に示すようなリンクがあります

ここに画像の説明を入力してください

私がしたいのは、適用することです

text-overflow: ellipsis; 

したがって、この場合、「ページ」という単語は省略記号に置き換えられますが、リンクの: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;
}
4

1 に答える 1

2

最後のコメントに関して、次のことができます。

position:relativeリンクの親 div およびposition:absoluteリンクの疑似要素で宣言して、 およびその宣言された から独立させaますoverflow:hidden。それに応じて位置を調整すると、すべてがうまくいくはずです。

于 2012-12-12T16:59:35.537 に答える