css3样式控制自定义行省略号显示
css部分内容:
margin: 7px 0 3px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
width:200px;
margin:0 auto
}
</style>
css部分内容:
<style>
.abc{
position: relative;margin: 7px 0 3px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
width:200px;
margin:0 auto
}
</style>
html部分内容:
<div class="abc">长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名长书名</div>