正如标题所言我们可以使用CSS截断字符串
IE
FireFox
Opera
Safari都兼容也可以使用js截取
具体实现如下
希望对大家有所帮助
方法一用CSS截断字符串IEFireFoxOpera Safari都兼容
复制代码 代码如下:
subLongText{
width:
px;
height:
px;
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*/
}
<span class="subLongText">任意长度文本</span>
方法二用js截取
复制代码 代码如下:
<HTML>
<HEAD>
<TITLE>JQUERY 文本截取方法</TITLE>
<meta httpequiv="contenttype" content="text/html; charset=UTF">
<script type="text/javascript" src="jqueryjs"></script>
<script type="text/javascript">
$fnsubstr = function(lengthcontent){
$(this)each(function(iitem){
var val=$(item)html();
if(!val) return;
if(vallength>length) {
val = valsubstring(length);
val += content || ""
$(item)html(val);
}
});
}
function subTdContent(){
$(td)substr();
}
</script>
</HEAD>
<BODY onload="javascript:subTdContent();">
<table style="border:px solid #bcf;" border="">
<tr>
<td>我是代码$fnsubstr = function(lc){ $(this)each(function(iitem)</td>
<td>以下两种方式都可以解决textarea行高自动适应类容的高度</td>
<td>以下两种方式都可以解决textarea行</td>
</tr>
</table>
</BODY> </HTML>
