Text Truncation in CSS: Learn Single and Multiple Line Truncation with Ease
2024-2-17 01:30:37 Author: hackernoon.com(查看原文) 阅读量:6 收藏

Hackernoon logo

Text Truncation in CSS: Learn Single and Multiple Line Truncation with Ease by@briantreese

Too Long; Didn't Read

With CSS we have the `text-overflow` property that we can use any time we want to truncate a single line of text. We can do this with a handful of properties and the webkit’s `preferences` property. Here we look at an example of how to use the text- overflow property to get multiple lines of text truncated.

featured image - Text Truncation in CSS: Learn Single and Multiple Line Truncation with Ease

Brian Treese HackerNoon profile picture


@briantreese

Brian Treese


Hello I'm the Chief of UX at SoCreate. I build things for the web daily & write about the stuff I use/discover/encounter


Receive Stories from @briantreese


Credibility

react to story with heart

RELATED STORIES

Article Thumbnail

Article Thumbnail

Article Thumbnail

Article Thumbnail

Article Thumbnail

L O A D I N G
. . . comments & more!


文章来源: https://hackernoon.com/text-truncation-in-css-learn-single-and-multiple-lines-with-ease?source=rss
如有侵权请联系:admin#unsafe.sh