省略号显示文字:
<div class="collect">文字内容文字内容文字内容文字内容文字内容</div>
设置文字省略号显示css属性:
单行文本溢出:
.collect{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
多行文本溢出:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
鼠标停留显示隐藏文字css属性:
.collect:hover{
text-overflow:inherit;
overflow: visible;
white-space: pre-line;
}