文本超出一行隐藏显示...

主要就是用ellipsis来实现,必须有宽度和高度,必须写overflow: hidden;才能够实现哦

.list-title{
line-height: 26px;
text-align: center;
font-size: 14px;
color: #333;
font-weight: bold;
height: 26px;
overflow: hidden;
text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 -webkit-text-overflow:ellipsis;
 -moz-text-overflow:ellipsis;
 white-space:nowrap;
}

 

转载于:https://www.cnblogs.com/shanshanjiadexiaohai/p/11242239.html