php，js，css字符串截取的辦法集錦
可能沒什么含量，求少拍磚。
首先是PHP版本的。
<?php echo mb_strimwidth("這里是內(nèi)容", 0,3,"...","utf-8"); ?>
其實(shí)只用mb_strimwidth一個函數(shù)就可以了，該函數(shù)的說明如下：
mb_strimwidth — 獲取按指定寬度截斷的字符串
string mb_strimwidth ( string $str , int $start , int $width [, string $trimmarker = "" [, string $encoding = mb_internal_encoding() ]] )
參數(shù)說明：
$str 為要截斷的字符串（即原字符串，輸出的字符串）
$start 從第幾個字符開始截取，默認(rèn)是0
$width 所需修剪的寬度
$trimmarker 截取后，在字符串末尾添加的內(nèi)容（常見的為...表示省略），默認(rèn)我i空
$encoding 這個參數(shù)很重要，如果字符串是中文，一定要加上。否則。。。。就可以看到“�”這東西了，以前沒仔細(xì)看過這個函數(shù)，在wordpress主題里因?yàn)橐@示文章的一小段內(nèi)容，然后末尾就有亂碼了，很久都不知道為什么。另外這個參數(shù)應(yīng)該是跟網(wǎng)頁的編碼格式一致的，個人測試的時候網(wǎng)頁編碼utf-8，參數(shù)寫為gbk的時候漢字就shit了。。（求大牛解釋）
php版本的就這樣了，有時候以為是php語言的問題，其實(shí)只是我們沒仔細(xì)研究它。
js版本的：
substring()和substr()方法，兩個方法*幾乎*沒區(qū)別，
substring()方法的第一個參數(shù)必填，為要提取的子串的第一個字符在 字符串 中的位置，第二個參數(shù)可選，是要提取的子串的最后一個字符在 stringObject 中的位置多 1位，默認(rèn)無，到字符串末尾。
substr()第一個參數(shù)必需。要抽取的子串的起始下標(biāo)。必須是數(shù)值。如果是負(fù)數(shù)，那么該參數(shù)聲明從字符串的尾部開始算起的位置。也就是說，-1 指字符串中最后一個字符，-2 指倒數(shù)第二個字符，以此類推。第二個參數(shù)為可選。子串中的字符數(shù)。必須是數(shù)值。如果省略了該參數(shù)，那么返回從 stringObject 的開始位置到結(jié)尾的字串。
例子：
<script type="text/javascript">
var str="Hello world!"
document.write(str.substring(3))
</script>
這個例子輸出：lo world!
從原字符串第三位開始，到末尾
<script type="text/javascript">
var str="Hello world!"
document.write(str.substring(3,7))
</script>
這個例子輸出：lo w
從原字符串第四位開始，到第七位
<script type="text/javascript">
var str="Hello world!"
document.write(str.substr(3))
</script>
輸出：lo world!
第三位開始到結(jié)尾
<script type="text/javascript">
var str="Hello world!"
document.write(str.substr(3,7))
</script>
輸出：lo worl
從第四位開始，截取7位。
JS這兩個方法可以看
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp
第三個就是CSS的了
CSS截取主要使用text-overflow這個屬性。
text-overflow: [ clip | ellipsis | <string> ]
text-overflow默認(rèn)值為clip ，即當(dāng)內(nèi)容超出容器時，會裁切掉超出的文本，值為ellipsis時，會用省略號替代超出的文本；也可以用特定的字符串來替代超出的文本（目前僅 firefox 支持）。
省略號的例子：
.ellipsis{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
[copy]參考資料：
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow
其實(shí)css的說明看一下mozilla開發(fā)者網(wǎng)站的圖例就明白了。在這里就不多說了。
相關(guān)文章
動態(tài)生成方法的例子，這些方法在新對象實(shí)例化的時候創(chuàng)建2009-07-07
怎么捕獲錯誤并且處理是一門語言必備的知識,在JavaScript中也是如此,下面這篇文章主要給大家介紹了關(guān)于JavsScript中Promise錯誤捕獲的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
大家都知道JS是一門動態(tài)語言，與傳統(tǒng)的c和c++最大的區(qū)別就是js是在運(yùn)行時動態(tài)檢測值的類型和變化。this是js中的一個關(guān)鍵字，它代表當(dāng)前作用域的上下文環(huán)境，而且隨著上下文的改變而動態(tài)變化。這篇文章我們將詳細(xì)介紹Javascript中綁定this的三種方法與簡單的比較。2016-10-10
JS實(shí)現(xiàn)至少包含字母、大小寫數(shù)字、字符的密碼等級的兩種方法
這篇文章主要介紹了JS實(shí)現(xiàn)至少包含字母、大小寫數(shù)字、字符的密碼等級的兩種方法,可實(shí)現(xiàn)有效檢測用戶密碼等級的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JavaScript文檔加載模式以及元素獲取,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
創(chuàng)建與框架無關(guān)的JavaScript插件
這篇文章主要介紹了創(chuàng)建與框架無關(guān)的JavaScript插件，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
el-form實(shí)現(xiàn)表單和圖片手動上傳和校驗(yàn)功能
在寫項(xiàng)目時,難免遇到需要上傳表單,圖片等文件,且表單內(nèi)容需進(jìn)行驗(yàn)證及必填項(xiàng)提示,圖片需要和信息一起傳遞且圖片載入后需可預(yù)覽,這篇文章給大家介紹el-form實(shí)現(xiàn)表單和圖片手動上傳和校驗(yàn)功能,感興趣的朋友一起看看吧2024-01-01
這篇文章主要為大家詳細(xì)介紹了springMVC結(jié)合AjaxForm上傳文件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
用js實(shí)現(xiàn)下載遠(yuǎn)程文件并保存在本地的腳本
//將常用的vbs下載者改成js版了。本來想用jsc.exe編譯，可是不成功。jsc.exe不認(rèn)WScript2008-05-05
這段時間看了下bootstrap的時間控件，發(fā)現(xiàn)使用起來還是很簡單的，趁著有時間的時候整理了一下，特此分享到腳本之家平臺，感興趣的朋友參考下2017-07-07