CSS Ellipsis | How To Truncate Text With An Ellipsis | Using of CSS Text-Overflow

Watch Video - https://youtu.be/6fcmTfIIxRc

The text-overflow 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.

In this video, we are going to take a look at the "Text-Overflow" property in CSS. It's used to handle cases where text overflows its container. In this tutorial, you will learn how to truncate/clip/cut/hide text with an Ellipsis using CSS.


CSS Code :

.box p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }