目录：1. 文本单行显示，并对超出部分截断以省略号代替；章节：1. 文本单行显示，并对超出部分截断以省略号代替；参见以下代码：1 div{2 /*当文本溢出时，显示省略号*/3 text-overflow: ellipsis;4 /*强制文本不换行*/5 white-...
分类：
Web程序 时间：
2015-03-11 00:31:00
阅读次数：
197
html 如下：aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaacss 代码如下：.box{ width:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}网上有人说兼容IE7 需要加上 这句话，经...
分类：
Web程序 时间：
2015-03-02 14:33:14
阅读次数：
176
CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行。一般的文字截断（适用于内联与块）：.text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowra...
分类：
Web程序 时间：
2015-02-08 15:14:48
阅读次数：
157
单行省略：
selector{
-o-text-overflow: ellipsis;/*兼容opera*/
text-overflow: ellipsis;/*这就是省略号喽*/
overflow: hidden;/*设置超过的隐藏*/
white-space: nowrap;/*设置不折行*/
width:200px;/*设置宽度*/
}
多行省略：
因为移动端浏览器用...
分类：
移动开发 时间：
2015-02-06 13:15:50
阅读次数：
211
CSS3新增text-overflow: ellipse; 只支持单行文本如果是多行文本， 在无法完全显示的情况下，可以按下面这样写：overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vert...
分类：
Web程序 时间：
2015-02-04 00:16:54
阅读次数：
260
CSS2中常用的属性：text-indent:首行缩进；vertical-align:垂直对齐方式；white-space:空格处理方式；line-height:设置行高；CSS3新增文本属性:text-overflow：clip：溢出的部分裁切掉；ellipsis：显示省略标记（...） //该属...
分类：
Web程序 时间：
2015-02-03 14:51:56
阅读次数：
194
.cut { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; ...
分类：
Web程序 时间：
2015-02-02 19:24:28
阅读次数：
200
多行文本溢出显示省略号(...)的方法现在的浏览器都支持text-overflow:ellipsis属性，用来实现单行文本的溢出显示省略号。如：单行文本：overflow:hidden;white-space:nowrap;text-overflow:ellipsis一些其他技巧可参考：http:/...
分类：
其他好文 时间：
2015-02-02 12:21:15
阅读次数：
177
1.超出隐藏单行文字，仅量用超出隐藏，再考虑截字。.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}应用在block级的元素上2.去掉最后一个borderli { border-b...
分类：
其他好文 时间：
2015-01-06 15:30:54
阅读次数：
110
以前文字过去用省略号是用js写的，今天发现CSS3也能实现。 text-overflow 超酷的IT技术学习平台（我是省略号）超酷的IT技术学习平台（...
分类：
其他好文 时间：
2015-01-05 20:12:51
阅读次数：
215
