The method of micro-channel applet Shu spilled text is replaced with ellipses

Following entered, about the method of text overflow ellipsis in place, I do not know what the reason, my program can not be solved by conventional code:

.text{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

The Internet to find some solutions, such as setting about the width will not work, finally found a solution in a blog:

.text-deal{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; /* 追加这一行代码 */
}

 

 

 

 

Turn: https://blog.csdn.net/npu2017302288/article/details/80396665