文字超出时省略号的出现(多行/单行)

//一行中超出隐藏,变为省略号,该元素为非内联元素,需要宽度
.txtOver1{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

//显示多行后隐藏,须知显示行数的高度,并确定行数,本类为显示5行数据,行高26px
.fontOver_5{
height: 130px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp:5;
-webkit-box-orient: vertical;
}

posted on 2016-03-03 18:04  终始  阅读(291)  评论(0编辑  收藏  举报

导航