The text-overflow property controls whether to use the ellipsis character (...) to indicate text overflow.
p {
text-overflow: ellipsis;
}
| Property | Value | Explanation |
|---|---|---|
| text-overflow | ellipsis | the ellipsis character is displayed |
| clip | the ellipsis character is not displayed (default) |
<html> <head> <title>TAG index</title> <style type="text/css"> p { width: 250px; overflow: hidden; white-space: nowrap; border: 1px #c0c0c0 solid; } #example1 { text-overflow: clip; } #example2 { text-overflow: ellipsis; } </style> </head> <body> <p id="example1">This is example text. The text-overflow property.</p> <p id="example2">This is example text. The text-overflow property.</p> </body> </html>
This is example text. The text-overflow property.
This is example text. The text-overflow property.