最近的文章列表

移动端浏览器 省略号 text-overflow: ellipsis 的兼容性

text-overflow是一个常用的CSS属性,作用是让文本超出容器区域的部分以省略号显示。

要让它生效, 还需要配合设置其它几个css属性。示例CSS代码:

p { 
white-space: nowrap;
width: 100%; /* IE6 needs any width */
overflow: hidden; /* "overflow" value must be different from "visible" */
-o-text-overflow: ellipsis; /* Opera 9-10 */
text-overflow: ellipsis; /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}
2015/3/15 Comments:
用jQuery控制内容长度超出规定长度显示省略号

长度超出规定长度,显示省略号

设置class为displayPart,

设置自定义属,displayLength可显示长度(不包含...),双字节字符,长度 *2,

代码如下:

<script type="text/javascript">
$.fn.extend({
displayPart:function () {
var displayLength = 100;
displayLength = thi
2014/5/24 Comments: