css text ellipses instead of overflow text

Record a small share knowledge 

Objective: want to display text in a row, with the excess portion of ellipses instead.

Implementation: need plus the width (width: 100px), hidden exceeded (overflow: hidden;), displayed on the same line force (white-space: nowrap;) , ellipses (text-overflow: ellipsis;)

text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;