CSS text-overflow: ellipsis Test Page
1 — horizontal LTR: truncate at decreasing widths
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Short text needs no truncation at all
2 — horizontal RTL: truncate stays flush-right, ellipsis on the physical left
זהו משפט ארוך בעברית שאמור להיחתך בקצה הנכון של התיבה
3 — a wrapping paragraph whose one unbreakable line overflows
This paragraph wraps normally, but one line below has a single run with no spaces:
ThisIsOneVeryLongUnbreakableTokenWithNoSpacesAtAllToWrapOn
and this last line is short again.
4 — vertical-rl/vertical-lr columns: truncation along the inline (top-to-bottom) axis
この文章は縦書きの列の高さより長いため途中で省略記号に置き換えられます
vertical-rl
この文章は縦書きの列の高さより長いため途中で省略記号に置き換えられます
vertical-lr