Overflow in a Paragraph

Design help General
8

Ok add this code:

<style>
.truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>

Then add the combo:

http://vincent.polenordstudio.fr/snap/Webflow_-_Kill_TV_2018-11-13_14-18-53.png

Then it works.

http://vincent.polenordstudio.fr/snap/Webflow_-_Kill_TV_2018-11-13_14-19-31.png

There are 2 conditions for ellipsis to work:

  • 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.
2 Likes