How to Truncate Text with CSS - Resolving Common Issues
Рет қаралды 1,299
2 ай бұрынIn today's video I'll be showing you how to truncate text (single line) with CSS and going over some of the common issues you may face and how to solve them.
For your reference, check this out:
developer.mozilla.org/en-US/d...
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #css #webdevelopment
@GgGmock10 Ай бұрын
Hi, Dom. I think you can use line-clamp to achieve this effect on multiple lines. I believe this works on both Firefox and Chrome: .text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; }
@OlaRsk Ай бұрын
So how do I see the rest of the text?
BalcevMMA_BOXING
Рет қаралды 14 МЛН
SOFIADELMONSTRO
Рет қаралды 65 МЛН
Glenn Raya
Рет қаралды 873
dcode
Рет қаралды 1,8 М.
dcode
Рет қаралды 3,3 М.