truncate string with ellipsis

truncate-string-with-ellipsis.md

All the following are required, so the text must be in a single straight line that overflows a box where that overflow is hidden.

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ref: https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

If you need multi-line ellipsis, read http://html5hub.com/ellipse-my-text/ (not tested)