WEB-CSS实现单行（多行）文本溢出显示省略号
2018-06-24 02:08:40来源：未知 阅读 ()
//单行文本溢出部分隐藏显示省略号...
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
/**
n 行文本溢出部分隐藏显示省略号..
使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；
（WebKit： 是一个开源的浏览器引擎） http://blog.csdn.net/cutesource/article/details/8731841/
-webkit-line-clamp:限制在一个块元素显示的文本的行数
（box-orient：指定一个box子元素是否应按水平或垂直排列）http://www.runoob.com/cssref/css3-pr-box-orient.html
**/
width:100%
height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：关于embed的一些使用兼容
下一篇：前端程序员容易忽视的一些基础知识
- position: sticky实现导航栏下滑吸顶效果 2020-05-30
- Vue 结合html2canvas和jsPDF实现html页面转pdf 2020-04-25
- 10.布局:两栏和主区域在后的三栏布局，实现侧边栏和主区域伪 2020-04-12
- 5.通过定位实现二级菜单 2020-04-10
- HTML + CSS 布局实现全屏布局 2020-04-10
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
