 
.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*/ 
} 
<span class="subLongText">任意長度文本</span> 

方法二：用js截取

復(fù)制代碼代碼如下:

 
<HTML> 
<HEAD> 
<TITLE>JQUERY 文本截取方法</TITLE> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
$.fn.substr = function(length,content){ 
$(this).each(function(i,item){ 
var val=$(item).html(); 
if(!val) return; 
if(val.length>length) { 
val = val.substring(0,length); 
val += content || "..." 
$(item).html(val); 
} 
}); 
} 
function subTdContent(){ 
$('td').substr(20); 
} 
</script> 
</HEAD> 
<BODY onload="javascript:subTdContent();"> 
<table style="border:1px solid #b3c0f5;" border="1"> 
<tr> 
<td>我是代碼：$.fn.substr = function(l,c){ $(this).each(function(i,item)</td> 
<td>以下兩種方式都可以解決textarea行高自動適應(yīng)類容的高度</td> 
<td>以下兩種方式都可以解決textarea行</td> 
</tr> 
</table> 
</BODY> </HTML> 

相關(guān)文章

js原生瀑布流插件制作
這篇文章主要為大家詳細(xì)介紹了js原生瀑布流插件制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
JS組件系列之Bootstrap Icon圖標(biāo)選擇組件
這篇文章給大家介紹js組件系列之Bootstrap Icon圖標(biāo)選擇組件，對bootstrap icon圖標(biāo)相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
js仿小米官網(wǎng)圖片輪播特效
這篇文章主要為大家詳細(xì)介紹了js仿小米官網(wǎng)圖片輪播特效,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
解決Extjs下拉框不顯示的問題
一個父容器也是window的window下的comboBox在頁面中點擊無效，但是在控制臺中查看它的store卻是有值的，問題在于沒有顯示。下面小編給大家分享Extjs下拉框不顯示的問題，需要的的朋友參考下吧
2017-06-06
javascript解鎖前端密碼框常見功能做法
這篇文章主要為大家介紹了javascript解鎖前端密碼框常見功能做法示例演示，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪
2022-03-03
用iframe實現(xiàn)不刷新整個頁面上傳圖片的實例
下面小編就為大家?guī)硪黄胕frame實現(xiàn)不刷新整個頁面上傳圖片的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
JS 如果改變span標(biāo)簽的是否隱藏屬性
JS 如果改變span標(biāo)簽的是否隱藏屬性,大家根據(jù)需要選擇使用。
2011-10-10
jquery和css3中的選擇器nth-child使用方法和用途示例
nth-child()，是CSS3中的一個偽類選擇符，JQuery選擇器繼承了CSS的部分語法，允許通過標(biāo)簽名、屬性名、內(nèi)容對DOM元素進(jìn)行快速、準(zhǔn)確的選擇。
2023-03-03
原生JavaScript制作計算器
本文給大家匯總了2個原生JavaScript實現(xiàn)的計算器功能的代碼，一個簡單一個稍微復(fù)雜些，小伙伴們根據(jù)自己的需要來選擇吧
2016-10-10
關(guān)于URL中的特殊符號使用介紹
因為經(jīng)常被Javascript中的rul的相關(guān)知識困擾，今天來總結(jié)一下URL的特殊字符
2011-11-11