ホームページ > 記事 > ウェブフロントエンド > HTML长文本截取含有HTML代码同样适用的两种方法_javascript技巧
HTML长文本截取含有HTML代码同样适用的两种方法_javascript技巧
- WBOYオリジナル
- 2016-05-16 17:27:341356ブラウズ
方法一：用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行 |
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。