css超过一定宽度显示点点
来源:互联网 发布:最优化理论 编辑:程序博客网 时间:2024/05/21 08:04
Text-overflow: clip | ellipsis
作用:文本溢出简单的裁切
Text-overflow: clip 表示不显示省略标记(...),只是简单的裁切,需要配合overflow:hidden和height才能生效,使用Text-overflow: clip能做到的事情,单独使用overflow:hidden也可以做到,因此在开发中没有实际的意义,所以不做重点的讲解
Text-overflow: ellipsis(现在火狐也支持了)
对象文本溢出时将显示省略标记(...),需要配合over-flow:hidden;white-space:nowrap使用才能生效
text-overflow: ellipsis;/*只是起到注解作用*/
white-space: nowrap;/*不让文本换行*/
overflow: hidden;/*超出的部分显示...*/
多行文本溢出显示点点:(适合webkit浏览器或移动端页面)
在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp ;注意:这是一个不规范的属性(unsupported WebKit property),它没有出现在 CSS规范草案中。
-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:
display: -webkit-box; 必须结合的属性,将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient 必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。
text-overflow: ellipsis;,可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本。
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2 ;
-webkit-box-orient:vertical;
- css超过一定宽度显示点点
- css 超过宽度的文字显示点点
- css text-overflow 超过宽度显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- 超过表格宽度显示省略号
- 使用纯CSS实现文字超过一定的长度后自动显示省略号
- PHP超过一定长度显示省略号[转]
- span 超过一定的长度显示...
- 文字超过一定字数用省略号显示
- div超过一定的高度和宽度自动省略
- css实现特殊的现实样式(超过表格宽度的内容只显示...)
- div+CSS设置一行内文字超过宽度不换行且不显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- 文字超过div(或者input框等)宽度用省略号显示css
- css 文字过长 点点点显示
- 当容器内容宽度超过容器宽度时显示省略号
- java excel根据起止日期导出
- 第十五周—C语言 项目2(学生成绩管理)
- MySQL主从复制(Master-Slave)【详讲】
- sublime应用
- linux环境下,solr6.30整合tomcat8完整过程
- css超过一定宽度显示点点
- C++ 模拟Map
- 常见OJ评判结果对照表,作为ACMer你懂得!
- Git之忽略文件篇
- Android服务Binder实现小记
- Node.js入门到精通(6)异步IO
- 141. Linked List Cycle#2(Done)
- Ubuntu(Linux系统)虚拟机工具vmtools详细说明
- PHP实现Excel导入