11 мая 2022 г. · You can create a custom font face using any existing font and apply it to that text region to either hide the ellipsis completely, ...

12 сент. 2013 г. · The only cross-browser solution is to use js afaik. Several solutions to the problem of multi-line truncation with ellipsis are discussed ...

14 мая 2021 г. · If you don't want the ellipsis you can just use a simple div with a fixed height, which is a multiple of your line height with overflow ...

13 янв. 2022 г. · Here I have content in p tag which loads dynamically. I want to apply text ellipsis after specific line(eg show text ellipsis to 4th line if content is longer)

25 авг. 2022 г. · The problem begins when I add text-align: right; to the style: 3 dots behave differently than without the text-align style property.

5 окт. 2022 г. · You can do this with container queries. Adjust the line clamping behavior according to the height of your container.

8 окт. 2020 г. · The lightest option, if you can live with working truncation but no ellipsis in Safari, is CSS-only: display: -webkit-box; -webkit-line-clamp ...

2 февр. 2017 г. · It only works in combination with the display property set to -webkit-box or -webkit-inline-box and the -webkit-box-orient property set to vertical.

12 авг. 2020 г. · Solution without flexbox Set height of text container and use webkit-line-clamp accordingly. Text will be shown like this.

28 янв. 2022 г. · The limitation of this workaround is that you do not get the ellipsis behavior at the end of the last line in Safari as you would in Chrome.