text-overflow截取字符串简单介绍_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:30:17
Original
1291 Leute haben es durchsucht

text-overflow截取字符串简单介绍:
使用css可以实现截取字符串的功能,主要就是采用text-overflow属性,当然单独使用该属性也是不能够实现此功能的,还是要配合其他属性使用,代码实例如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{  width:150px;  height:20px;  overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis;}</style></head><body><div>蚂蚁部落欢迎您,只有努力才会有没有好的明天</div></body></html>
Nach dem Login kopieren

 

以上代码实现了我们的要求,能够截取指定字符串,并且超出的部分以省略号替代。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12919

更多内容可以参阅:http://www.softwhy.com/divcss/

 

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage