专栏名称: 前端JavaScript
分享 | 学习 | 交流 | 原创 分享是学习的开始;学习不必要从头开始,是从现在开始;交流能沟通你我,提高你的学识;期待你的加入!!! web前端技术交流,JavaScript,HTML5,CSS3……
目录
相关文章推荐
今天看啥  ›  专栏  ›  前端JavaScript

[S3-E409]CSS/CSS3常用样式与web移动端资源【总结】

前端JavaScript  · 公众号  · Javascript  · 2017-08-24 06:23
    

文章预览

 本文:【第3章第409回】 更多文章点击  目录  查看 css/css3常用样式 强制文本显示 单行显示语法:white-space:nowrap; 让一段文字在固定宽度在一行显示,最后一个字符为省略标记(...),css样式如下 div{   white-space:nowrap;   text-overflow:ellipsis;   overflow:hidden; } 多行文本最后省略号: div{   display: -webkit-box;    -webkit-line-clamp:2;   overflow: hidden;    -webkit-box-orient: vertical;   text-overflow: ellipsis; } 这里用到了文本溢出显示省略号的,即设置溢出文本显示为省略标记: 语法:text-overflow:text-overflow:clip | ellipsis | ellipsis-word(css3新增加的); clip:表示直接裁切溢出的文本; ellipsis:表示文本溢出时,显示省略标记(...),省略标记代替最后一个字符; ellipsis-word:表示文本溢出时,也是 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览