文字自动截断 - pingdongyi/blog-2 GitHub Wiki

<!-- 在单行文本的情况下，可以用来使超出范围的文本用省略号隐藏 --> 
width: 100px;                                         //设置一定的宽度          
overflow: hidden;                                  //设置溢出隐藏
text-overflow: ellipsis;                             //截断用省略号显示
white-space: nowrap;                              //强制在一行显示

<!-- 多行文本的情况下，用省略号“...”隐藏超出范围的文本 -->
p {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}