CSS 文本内容溢出 解决方法

1：文本溢出强制换行  display: -webkit-box; -webkit-line-clamp: 2; //2行

.title{    

width:150px;  

overflow : hidden; 

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2; 

-webkit-box-orient: vertical;

}

2：文本溢出省略号

.title{ 

width: 150px;

height: 25px; 

line-height: 25px;  

overflow: hidden; 

white-space: nowrap;  

text-overflow: ellipsis;

}