码迷,mamicode.com
首页 > Web开发 > 详细

每天CSS学习之text-overflow

时间:2017-08-14 23:37:39      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:http   ext   font   log   his   字符   ges   包含   它的   

text-overflow是CSS3的一个属性,其作用是当文本溢出包含它的元素时,应该裁剪还是将多余的字符用省略号来表示。

该属性一般和overflow:hidden属性一起使用。

text-overflow: clip|ellipsis|string

1、clip:修剪文本。即将溢出的文本裁剪掉。如以下例子,如果需要显示This is an Action,则:

white-space:nowrap; 
text-overflow:clip;
overflow:hidden;

结果:

技术分享

 

2、ellipsis: 当文本溢出时,用省略号代替溢出的文本。如:

white-space:nowrap; 
text-overflow:ellipsis;
overflow:hidden;

结果:

技术分享

 

每天CSS学习之text-overflow

标签:http   ext   font   log   his   字符   ges   包含   它的   

原文地址:http://www.cnblogs.com/williamwsj/p/7360471.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!