div内文字显示两行，超出两行的省略号显示

1.单行

            width: 300px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            border: 1px solid red;        

2.多行

             width: 300px;
            border: 1px solid #ccc;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp:3;
            overflow: hidden;