css中如何设置文字过长显示省略号，及设置行数

 .box p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            -webkit-box-orient: vertical;
            font-size: 14px;
            color: #666;

        }