<div class="div1">
wjeikssskkdcjncxvvvvvvvvvnv
</div>
<div class="div2">
wjeikssskkdcjncxvvvvvvvvvnvasjdkjhjjkahdskjjakfdsaddssfasdjkasjdkasjdsdffdsjfksdfkuhsdfdsfsfsfskjdfkhsdkfkjasdasdfdddsfsdfsdf
</div>
.div1{
border:1px solid red;
width:150px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.div2{
border:1px solid red;
width:150px;
word-break: break-all;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}