css overflow, text-overflow, overflow-wrap,

//=== css overflow
overflow, text-overflow, overflow-wrap,

https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow_hover
div.test {
white-space: nowrap;
width: 12em;
overflow: hidden;
border: 1px solid #000000;
}

div.test:hover {
text-overflow: ellipsis;
overflow: visible;
}


https://stackoverflow.com/questions/17779293/css-text-overflow-ellipsis-not-working

text-overflow:ellipsis; only works when the following are true:

The element's width must be constrained in px (pixels). Width in % (percentage) won't work.
The element must have overflow:hidden and white-space:nowrap set.


//===
overflow-y: auto, scroll, ...


//=== css display
display: inline, inline-block, block, none,


//=== to show/display bounding box
style={border: 1px solid #FF0;}