HTML长文本截取含有HTML代码同样适用的两种方法_javascript技巧
程序员文章站
2022-05-01 15:38:36
...
方法一:用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容
.subLongText{
width:150px;
height:24px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-overflow: ellipsis;/* IE/Safari */
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;/* Opera */
-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/
}
任意长度文本
方法二:用js截取
JQUERY 文本截取方法
复制代码 代码如下:
.subLongText{
width:150px;
height:24px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-overflow: ellipsis;/* IE/Safari */
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;/* Opera */
-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/
}
任意长度文本
方法二:用js截取
复制代码 代码如下:
我是代码:$.fn.substr = function(l,c){ $(this).each(function(i,item) | 以下两种方式都可以解决textarea行高自动适应类容的高度 | 以下两种方式都可以解决textarea行 |