CSS3 text-overflow

简介:

作用

文本溢出时发生的事情。


用法

text-overflow: clip | ellipsis | string;

clip:修剪文本

ellipsis:显示省略号代表修剪文本

string:给定字符串代表修剪文本


兼容性

所有主流浏览器均兼容


搭配使用

overflow:hidden;(隐藏溢出)

white-space:nowrap;(规定段落中文本不换行)


Demo

http://codepen.io/makaiqian/pen/BmFfu


注意

  1. 只能运用于单行

  2. 多行可以通过jQuery实现。

原理:根据判定有没有越界,让超出部分用…代替。

目录
相关文章
|
5月前
|
前端开发
CSS margin
CSS margin。
35 1
|
5月前
|
前端开发
CSS position 小结
CSS position 小结
26 0
|
前端开发
CSS——background属性
CSS——background属性
115 0
|
前端开发
八种让人眼前一亮的CSS HOVER效果~
八种让人眼前一亮的CSS HOVER效果~
八种让人眼前一亮的CSS HOVER效果~
|
前端开发 开发者 容器
CSS visibility与overflow属性 | 学习笔记
快速学习 CSS visibility 与 overflow 属性
113 0
CSS visibility与overflow属性 | 学习笔记
|
前端开发
CSS - Background
CSS - Background
88 0
CSS - Background
|
前端开发
CSS - List-style
CSS - List-style
89 0
CSS - List-style
|
编解码 前端开发 JavaScript
CSS - Position
CSS - Position
155 0
CSS - Position
|
Web App开发 前端开发 Windows
【前端Talkking】CSS系列——CSS深入理解之line-height
【前端Talkking】CSS系列——CSS深入理解之line-height
342 0