SOURCE

<div style="display:flex">
    <div>test</div>
<div class="test">testtesttesttesttesttesttesttesttesttesttesttesttesttest</div>

    </div>

.test{
    width:100px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
}