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

來源:互聯網
上載者:User

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

可能沒什麼含量,求少拍磚。
首先是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開發人員網站的圖例就明白了。在這裡就不多說了。


js 字串 截取字串的方法

str="a,b,c";
s=str.split(",");

用split方法可以將字串分割為數組,可以滿足你的要求
 
php 截取指定字元之前的字串

可以結合substr函數及strrpos函數使用,即用以下運算式即可獲得新的a值:

$newa = substr($a,0,strrpos($a,'&')); //新的$a值
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.