码迷,mamicode.com
首页 > 其他好文 > 详细

单行文本与多行文本省略文本

时间:2017-03-11 14:47:37      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:html   ace   str   方法   png   nbsp   accordion   hidden   over   

一、单行文本省略

    1.text-overflow:ellipsis;该属性用于当文本溢出的时候用省略号的方式显示。它还有一个属性值是clip(溢出部分直接裁剪掉)。

    2.overflow:hidden;对溢出内容进行隐藏。

    3.white-space:nowrap;强制在一行显示

技术分享

 

二、多行文本省略

 用-webkit-line-clamp:number;实现,并不是css规范中的属性。技术分享

其次,用css规范属性。

可参考http://www.cnblogs.com/accordion/p/6507320.html#top。该方法用了css布局

 

单行文本与多行文本省略文本

标签:html   ace   str   方法   png   nbsp   accordion   hidden   over   

原文地址:http://www.cnblogs.com/zhengyw/p/6534879.html

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