Multiline text omission

<div class="test">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati voluptate placeat harum dignissimos aut in error qui nobis doloremque illum sunt esse veniam, atque delectus cum enim quis pariatur? Incidunt aspernatur iste, harum ut nihil obcaecati omnis vitae tempora id consequuntur ipsam, cupiditate ad adipisci delectus. Laudantium deleniti maiores illum officia, voluptatum quas consectetur voluptas facere iste, atque velit cum? Dolores dolore distinctio minus quo ducimus tempora eaque sed quia possimus exercitationem quidem, aliquid delectus? Voluptate sint veritatis hic tempore, suscipit deserunt, in molestias quibusdam fugiat quas dolores corrupti? Quos porro, fugiat facere cumque dicta soluta itaque possimus, architecto harum praesentium consectetur sequi quis? Iusto quia reiciendis amet aut nihil! Necessitatibus, esse voluptate laboriosam harum voluptatibus similique nulla porro accusamus provident eos sapiente, cum aliquid deleniti, vitae quae reiciendis consequuntur eveniet tenetur ratione. Facilis, at amet illo adipisci cupiditate quis impedit eius nesciunt maiores explicabo enim ipsum, optio error fugiat magnam ratione accusamus quos eaque laudantium non corrupti corporis. Architecto necessitatibus ea nam minima inventore magnam incidunt quasi eius praesentium, aspernatur quis illo eos enim fugiat cumque veniam consequuntur dolorem maxime, odit ex ratione! Magnam cumque facilis, nostrum voluptate ea incidunt labore vero iure eligendi maxime, odio in qui dolores.</div>

.test {
    display:-webkit-box; //  Display the object as an elastic expansion box model 
    text-overflow: ellipsis; // Overflow is indicated by an ellipsis 
    overflow: hidden; // Beyond text hiding 
    -webkit-line-clamp: 5; //  Maximum number of rows displayed , Omit if it exceeds 
    -webkit-box-orient: vertical; // Arrange children vertically from top to bottom ( Set the arrangement of the child elements of the telescopic box )
 }