Css Text Ellipsis

July 27, 2021
.t-limit-200 {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

NOTE: Either width or max-width need to be specified. You could use a container constraint like bootstrap grid to limit the width, instead of specifying the width on the element itself.

References:

This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.