文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
2015-12-01 13:04
881 查看
单行文本溢出显示省略号
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本溢出显示省略号
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本溢出显示省略号
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 引用:http://www.daqianduan.com/6179.html
相关文章推荐
- 实现鼠标移上去变样式
- 未知尺寸图片在固定高度容器中的水平和垂直居中
- CSS预处理器们
- 学习使用:before和:after伪元素
- 最全的CSS浏览器兼容问题
- 前端开发学习笔记(三)HeadFirst HTML 与 CSS (第二版)
- CSS 文档流
- 使用Glup.JS优化JS、CSS、图片,压缩合并
- 用css3让溢出内容显示省略号
- CSS中图片宽度适应手机屏幕
- css写法
- html、css
- dorado5-css的设置
- css实现右侧固定宽度,左侧宽度自适应
- css中的overflow需要注意的问题
- 8个超炫酷的纯CSS3动画及源码分享
- CSS遮罩层的实现
- Cool!15个创意的 CSS3 文本效果【下篇】
- CSS ::before 和 ::after 伪元素用法
- CSS3之伪元素选择器和伪类选择器