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