所以我有以下小提琴,它将文本中的省略号设置为两行.然后我想要一个与文本内联的“更多”链接.
http://jsfiddle.net/csYjC/2876/
因此,如果我们的文本有两行以上,它应该如下所示：
那是对的.然而：
这是不正确的(应该与文本内联).
代码如下：
<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：
.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;
}
我想一定很容易……提前谢谢你.
解决方法
.text中的div仍然显示为块元素.用它来修复：
.text > div { display: inline; }
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。