正如标题所言我们可以使用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容也可以使用js截取,具体实现如下,希望对大家有所帮助
方法一:用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行 |
以上就是HTML长文本截取含有HTML代码同样适用的两种方法的详细内容,更多请关注0133技术站其它相关文章!