所以我有以下小提琴,它将文本中的省略号设置为两行.然后我想要一个与文本内联的“更多”链接.
http://jsfiddle.net/csYjC/2876/@H_403_3@
因此,如果我们的文本有两行以上,它应该如下所示:@H_403_3@
那是对的.然而:@H_403_3@
这是不正确的(应该与文本内联).@H_403_3@
<div class="text"> <div>Lorem ipsum dolor sit amet,Lorem Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem Lorem i</div> <a href="#">More</a> </div>
和css:@H_403_3@
.text{ display: inline; overflow: hidden; text-overflow: ellipsis; display: -webkit-Box; line-height: 24px; /* fallback */ max-height: 48px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-Box-orient: vertical; } .text a { position: absolute; }
我想一定很容易……提前谢谢你.@H_403_3@