CSS属性[text-overflow]使用问题_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:15:45
Original
1541 people have browsed it

text-overflow:clip | ellipsis

这个属性使用必须通过几个属性一块才能使用

1,overflow:hidden;    这个属性是内容区装不下内容应该怎么办。这里让溢出内容直接不显示。这个感觉就是必备的属性。我内容文本溢出全部不显示才能裁剪。不然裁剪之后还是显示溢出就想日狗了

              试了下visible. 那text-overflow就不管用了。该溢出还是溢出。管你用没用text-overflow。

2,white-space:nowrap;    这个属性是空白符的操作。这里是让整个文本不换行显示;让整个内容单行显示,配合width的话就可以进行裁剪

3,width;          这个属性是控制内容区的宽度。不用的话text-overflow不知道从哪里开始截断。我自己是这么理解的;

 

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template