Home  >  Article  >  Web Front-end  >  How to automatically display out-of-range text as ellipsis (CSS)_html/css_WEB-ITnose

How to automatically display out-of-range text as ellipsis (CSS)_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:38:411102browse

The effect of displaying ellipses in overflow text:

white-space:nowrap; Force text to be displayed in one line

overflow:hidden; Overflow content is hidden
text-overflow:ellipsis; When the text in the object overflows, an omission mark (...) is displayed

Copyright statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn