How to Handle Text Overflow (With a CSS Ellipsis)

Channel:
Envato Tuts+
Subscribers:
1,630,000
Published on ● Video Link: https://www.youtube.com/watch?v=Dat21TyS6_w


Category:
Tutorial
Duration: 4:33
29,734 views
395

When a string of text overflows the boundaries of a container, it can make a mess of your whole layout. Here’s a cool trick to handle text overflow by truncating long strings with a CSS ellipsis. ► Download Unlimited Stock Photos, Fonts & Templates: https://elements.envato.com/?utm_campaign=yt_tutsplus_Dat21TyS6_w&utm_medium=referral&utm_source=youtube.com&utm_content=description

Read more on How to Handle Text Overflow (With a CSS Ellipsis) on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/text-overflow-with-css-ellipsis--cms-36634?utm_campaign=yt_tutsplus_Dat21TyS6_w&utm_medium=referral&utm_source=youtube.com&utm_content=description

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_Dat21TyS6_w&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_Dat21TyS6_w&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - overflow css



Other Videos By Envato Tuts+


2021-04-1210 Best WooCommerce Themes: To Make a Better Online Store
2021-04-12Как Создать Twitch Панель или Баннер Онлайн (С помощью Twitch Panel Maker)
2021-04-09How to Create a Bauhaus Poster in Adobe InDesign
2021-04-08Top 5 Premiere Pro Transitions (& How To Use Them!)
2021-04-07How to Make a Logo Look Vintage in Photoshop
2021-04-0510 Top Apple Keynote Presentation Themes
2021-04-05Create an "Ashes & Embers" Dispersion Effect in Photoshop
2021-04-02How to Make, Use, and Manipulate a Calligraphic Brush in Adobe Illustrator
2021-04-01How to Make Facial Hair in Photoshop
2021-03-31Create a Gold Foil Logo Mockup in Photoshop
2021-03-29How to Handle Text Overflow (With a CSS Ellipsis)
2021-03-29Create a Wood Engraved Logo Mockup in Photoshop | Photoshop Tutorial
2021-03-28How to Add or Edit a Sidebar in WordPress
2021-03-27How to Build a Reading Progress Bar With CSS and JavaScript
2021-03-26SVG Files: From Illustrator to the Web
2021-03-25Make Awesome Page Layout Designs in Microsoft Word
2021-03-23A to Z of Adobe Illustrator Tips, Tricks, and Hacks!
2021-03-22How to Write a Resume in 7 Steps
2021-03-22How to Create a Cloud Effect in Photoshop
2021-03-21Create an Elementor Coming Soon Template for WordPress
2021-03-19How to Create Vector Glitches Using Adobe Illustrator


Tags:
overflow css
css ellipsis
text overflow
web design
html
css
ellipsis
overflow
text
css overflow
css tutorial
Envato
Tuts+
Envato Tuts+
Adi Purdila
css overflow property