Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use ellipsis to express more text in css

Shulou Source: shulou.com Published: 2022-06-01 04:39:12 10月26日 Update

The purpose of this article is to share with you how css can use ellipses to express more text. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Extra text is indicated by ellipsis.

White-space: nowrap; / * forcibly do not wrap * / overflow:hidden; / * hide the content beyond the width * / text-overflow:ellipsis;/* displays the ellipsis mark (...) when the text in the object overflows, which needs to be used with overflow:hidden;. * / Thank you for your reading! This is the end of the article on "how to express more words with ellipses in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Tags: Content text ellipsis more article good practical width object text article tag see knowledge part time display reference help compulsion related Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Microsoft Shulou Technology MariaDB Shulou Tech Info NVidia