πStill using ββ¦..β manually to truncate text ??
Learn CSS text-overflow to truncate text in this thread π§΅
πππ
Learn CSS text-overflow to truncate text in this thread π§΅
πππ
=> This property specifies how overflowed content that is not displayed should be signaled to the user.
=> It can be clipped, display an ellipsis (...), or display a custom string.
=> It can be clipped, display an ellipsis (...), or display a custom string.
=> Following properties are required for text-overflow:
- white-space: nowrap;
- overflow: hidden;
- white-space: nowrap;
- overflow: hidden;
1οΈβ£ Truncating single line:
β Set the width of the text element and add the mandatory properties.
2οΈβ£ Truncating multiple lines:
β We use β-webkit-line-clampβ to truncate multiple lines.
β Set the width of the text element and add the mandatory properties.
2οΈβ£ Truncating multiple lines:
β We use β-webkit-line-clampβ to truncate multiple lines.
That's a wrap! π
Thanks for reading this thread till the end π
π Bookmark this thread for the future
π Retweet the first tweet
π Follow @PriteshKiri for more daily web development tips and tricks.
#codewithcoffee #codewithcoffeeindia
Thanks for reading this thread till the end π
π Bookmark this thread for the future
π Retweet the first tweet
π Follow @PriteshKiri for more daily web development tips and tricks.
#codewithcoffee #codewithcoffeeindia
Loading suggestions...