【CSS】4.CSS 文本溢出

项目场景：

项目场景：展示名称、描述、标题等文本时文本溢出

---

解决方案：

.text {

    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

}

.text {
    flex: 1;
    /* 溢出的时候显示省略号 */
    /* 弹性盒子尺寸可以被不换行的文字撑开 */
    width: 0;
}

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