【转】html设置超过两行隐藏

原文：https://blog.csdn.net/tanmuxue/article/details/60771626

.item .item-cont h4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;  /* 设置行数 */
    -webkit-box-orient: vertical;
    text-align: left;
    line-height: 1.2;  /* 根据具体高度修改 */
}

 

单行使用

.xx {
    white-space: nowrap;
}