首页 > 技术文章 > div+css显示两行或三行文字,超出用...表示

yangjing1314 2018-01-25 10:23 原文

<style>

    .comment_inner{

    width: 200px;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

    -webkit-line-clamp: 3; /** 显示的行数 **/

    overflow: hidden;  /** 隐藏超出的内容 **/

    }   

</style>

推荐阅读