国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

php,js,css字符串截取的辦法集錦

2019-11-20 14:05:52
字體:
來源:轉載
供稿:網友

可能沒什么含量,求少拍磚。
首先是PHP版本的。

復制代碼 代碼如下:

<?php echo mb_strimwidth("這里是內容", 0,3,"...","utf-8"); ?>

 其實只用mb_strimwidth一個函數就可以了,該函數的說明如下:
mb_strimwidth ― 獲取按指定寬度截斷的字符串
string mb_strimwidth ( string $str , int $start , int $width [, string $trimmarker = "" [, string $encoding = mb_internal_encoding() ]] )
 參數說明:
$str 為要截斷的字符串(即原字符串,輸出的字符串)
$start 從第幾個字符開始截取,默認是0
 $width 所需修剪的寬度
$trimmarker 截取后,在字符串末尾添加的內容(常見的為...表示省略),默認我i空
$encoding 這個參數很重要,如果字符串是中文,一定要加上。否則。。。。就可以看到“�”這東西了,以前沒仔細看過這個函數,在wordpress主題里因為要顯示文章的一小段內容,然后末尾就有亂碼了,很久都不知道為什么。另外這個參數應該是跟網頁的編碼格式一致的,個人測試的時候網頁編碼utf-8,參數寫為gbk的時候漢字就shit了。。(求大牛解釋)
php版本的就這樣了,有時候以為是php語言的問題,其實只是我們沒仔細研究它。

js版本的:

substring()和substr()方法,兩個方法*幾乎*沒區別,
substring()方法的第一個參數必填,為要提取的子串的第一個字符在 字符串 中的位置,第二個參數可選,是要提取的子串的最后一個字符在 stringObject 中的位置多 1位,默認無,到字符串末尾。
substr()第一個參數必需。要抽取的子串的起始下標。必須是數值。如果是負數,那么該參數聲明從字符串的尾部開始算起的位置。也就是說,-1 指字符串中最后一個字符,-2 指倒數第二個字符,以此類推。第二個參數為可選。子串中的字符數。必須是數值。如果省略了該參數,那么返回從 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開發者網站的圖例就明白了。在這里就不多說了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 哈尔滨市| 泰兴市| 湘潭市| 秦安县| 昂仁县| 驻马店市| 家居| 达州市| 任丘市| 营山县| 宁蒗| 孝昌县| 扎赉特旗| 天峨县| 江油市| 花莲县| 乌鲁木齐县| 桓仁| 都安| 台中县| 陆川县| 龙胜| 东丽区| 岳阳县| 五寨县| 榕江县| 东乌珠穆沁旗| 镇康县| 富川| 巫山县| 弥渡县| 沙田区| 剑阁县| 全南县| 沁阳市| 太和县| 筠连县| 阿克苏市| 峨眉山市| 南丰县| 定陶县|