效果:
html:
<li><a href="#"><strong>[重磅]</strong> 发光时代分奥术dfsgfdsgsfdg大师大撒段</a></li>
css:
.news_bd li{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; //2行
-webkit-box-orient: vertical;
}
效果:
html:
<li><a href="#"><strong>[重磅]</strong> 发光时代分奥术dfsgfdsgsfdg大师大撒段</a></li>
css:
.news_bd li{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; //2行
-webkit-box-orient: vertical;
}