How To Limit Lines Of Text With CSS Only

Published: 19 November 2022
on channel: Web Dev Simplified
115,467
6.2k

Doing vertical text overflow in CSS is incredibly difficult and many people think it is impossible, but that is not true. In this video I will show you 2 different ways to limit the number of lines of text in a box. I will also show you how to expand/collapse those lines of text using only CSS with no JavaScript.


📚 Materials/References:

Kevin’s Video:    • How to set a maximum number of lines ...  
:has Selector Video:    • This Is So Much More Than Just A Pare...  
:has Selector Article: https://blog.webdevsimplified.com/202...
CSS Max Lines Article: https://blog.webdevsimplified.com/202...


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:48 - Webkit Technique
03:35 - My Technique
07:44 - Expand/Collapse Buttons


#CSSExpandCollapse #WDS #CSS


Watch video How To Limit Lines Of Text With CSS Only online without registration, duration hours minute second in high quality. This video was added by user Web Dev Simplified 19 November 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 115,46 once and liked it 6.2 thousand people.