JSFiddle - React, Tailwind, and code Playground
by camel2243
HTML
<span>1972438920473289564823965437865473563278537285327852390432</span>
<div>這是一段過長的文字:834938459375</div>
CSS
span{
text-overflow: ellipsis;
width: 100px;
overflow: hidden;
white-space: nowrap;
display: inline-block;
}
div{
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}