![Truncating multi line text with both css and javascript | A hobby blog for a hungry soul - Ramesh's personal blog Truncating multi line text with both css and javascript | A hobby blog for a hungry soul - Ramesh's personal blog](https://kunwar.dk/static/55321f3a6a7a9c36c4643315a6f67860/49209/blog-006-truncate-text-img001.jpg)
Truncating multi line text with both css and javascript | A hobby blog for a hungry soul - Ramesh's personal blog
![Elad Shechter on X: "We can trim text via #CSS in two methods: 1. text-overflow: ellipsis; which is suitable for a single line. 2. line-clamp, which is better for multi-lines. @SassCSS mixin Elad Shechter on X: "We can trim text via #CSS in two methods: 1. text-overflow: ellipsis; which is suitable for a single line. 2. line-clamp, which is better for multi-lines. @SassCSS mixin](https://pbs.twimg.com/media/FJd7cJzXwAU_R-I.jpg:large)
Elad Shechter on X: "We can trim text via #CSS in two methods: 1. text-overflow: ellipsis; which is suitable for a single line. 2. line-clamp, which is better for multi-lines. @SassCSS mixin
Unique CSS Property : Line Clamp 🤩🤩🤩, ⚡ The -webkit-box property is used to make an element behave like a block-level box in WebKit-based browsers like Safari & chrome, allowing for specific layout ...
![ˏˋrogieˎˊ on X: "Every time I get to HTML/CSS, I try to learn something new. In this plugin I'm writing, I wanted two lines of the description: This helped: .line-clamp { display: - ˏˋrogieˎˊ on X: "Every time I get to HTML/CSS, I try to learn something new. In this plugin I'm writing, I wanted two lines of the description: This helped: .line-clamp { display: -](https://pbs.twimg.com/media/EtT_qz4VkAAcjT_.jpg)
ˏˋrogieˎˊ on X: "Every time I get to HTML/CSS, I try to learn something new. In this plugin I'm writing, I wanted two lines of the description: This helped: .line-clamp { display: -
![webkit-line-clamp has pixel value instead of unit value · Issue #2 · tailwindlabs/tailwindcss-line-clamp · GitHub webkit-line-clamp has pixel value instead of unit value · Issue #2 · tailwindlabs/tailwindcss-line-clamp · GitHub](https://user-images.githubusercontent.com/3422401/103843483-01584c80-50ec-11eb-9329-af66ed8f7552.png)
webkit-line-clamp has pixel value instead of unit value · Issue #2 · tailwindlabs/tailwindcss-line-clamp · GitHub
![html - display: -webkit-box; property disappear few seconds after loading to the browser - Stack Overflow html - display: -webkit-box; property disappear few seconds after loading to the browser - Stack Overflow](https://i.stack.imgur.com/LZBPn.png)