模拟pre标签模式并限制高度，超出显示省略号

div{
    width: 100%;
    height: 80px;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4
}

标签内容超出显示省略号

// 单行
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行

// 多行
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2

绝大多数移动端浏览器都可以去除滚动条

div{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
div::-webkit-scrollbar {display: none;}