Wrap

• white-space: shorthand of white-space-collapse and text-wrap
• word-break
• overflow-wrap (alias word-wrap)
• hyphens

Overflow

• overflow
• text-overflow
• -webkit-line-clamp

Examples

One line:

1overflow: hidden;
2white-space: nowrap;
3text-overflow: ellipsis;

Multiple lines:

1display: -webkit-box;
2-webkit-line-clamp: 3;
3-webkit-box-orient: vertical;
4overflow: hidden;

Tips

If you both set white-space: no-wrap; and word-break: break-all;, the text will not be wrapped.