文本截断与钳制模式

1.truncate {
2  white-space: nowrap;            /* Prevents line wrapping */
3  overflow: hidden;               /* Hides excess text */
4  text-overflow: ellipsis;       /* Displays ellipsis (...) */
5}

1.clamp {
2  display: -webkit-box;           /* Creates a flex-like layout for clamping */
3  -webkit-line-clamp: 3;          /* Limits text to 3 lines */
4  -webkit-box-orient: vertical;   /* Vertical orientation */
5  overflow: hidden;               /* Hides overflowed content */
6}