php，js，css字符串截取的办法集锦

可能没什么含量，求少拍砖。
首先是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开发者网站的图例就明白了。在这里就不多说了。

赞 (0)

相关推荐

  • php截取字符串函数分享

    经常看到有新手问PHP有没有类似asp的left函数或right函数,实现截取某字符串左边或右边开始N个字符的函数.答案当然是有的.PHP中的substr函数就可以做的到,只不过PHP把二个函数合二为一了,这里再给大家分享一个更加优秀的截取字符串的函数. 复制代码 代码如下: /**      * 方法库-截取字符串-[该函数作者未知]      * @param string  $string 字符串       * @param int     $length 字符长度      * @pa

  • php截取html字符串及自动补全html标签的方法

    本文实例讲述了php截取html字符串及自动补全html标签的方法.分享给大家供大家参考.具体分析如下: 这里总结一下关于利用php截取html字符串自动补全html标签,实际开发中会经常碰到,很多人直接先strip_tags过滤掉html标签,但是就只剩下纯文本了,可读性非常差,下面是一个函数,代码如下: 复制代码 代码如下: /**  * 截取HTML,并自动补全闭合  * @param $html  * @param $length  * @param $end  */ function

  • php mb_substr()函数截取中文字符串应用示例

    substr()函数用来截取字符串,但是对于中文字符会出现问题,而mb_substr()和mb_strcut这两个函数可以,用法与substr()相似,只是在函数最后要加入多一个参数,以设定字符串的编码,使用这两个函数需要在php.ini中把php_mbstring.dll打开. <?php header("content-type:text/html; charset=utf-8"); $string = "你好我好大家好"; echo strlen($st

  • php中文字符串截取方法实例总结

    本文实例总结了php中文字符串截取方法,非常实用的技巧.分享给大家供大家参考.具体方法分析如下: 用PHP函数substr截取中文字符可能会出现乱码,主要是substr可能硬生生的将一个中文字符"锯"成两半. 解决办法如下: 1.使用mbstring扩展库的mb_substr截取就不会出现乱码了. 2.自己书写截取函数,但效率不如用mbstring扩展库来得高. 3.如果仅是为了输出截取的串,可用如下方式实现:substr($str, 0, 30).chr(0). substr()函数

  • php按单词截取字符串的方法

    本文实例讲述了php按单词截取字符串的方法.分享给大家供大家参考.具体分析如下: 这里指定字符串和单词数量进行截取 复制代码 代码如下: <?php function limit_words($string, $word_limit) {     $words = explode(" ",$string);     return implode(" ",array_splice($words,0,$word_limit)); } //Example Usage

  • php截取中文字符串函数实例

    本文实例讲述了php截取中文字符串函数.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <?php //中文字符串截取 function substr_zh($string,$sublen,$start=0,$code='UTF-8'){  if($code=='UTF-8'){   $pa = "/[\x01-\x7f]|[\xc2-\xdf][\x80-\xbf]|\xe0[\xa0-\xbf][\x80-\xbf]|[\xe1-\xef][\x80-\xbf][\x8

  • 可以保证单词完整性的PHP英文字符串截取代码分享

    直接上代码: /** * 完整词的截取 * * @param $str * @param $start * @param $length * * @return string */ public static function usubstr($str, $start, $length = null) { // 先正常截取一遍. $res = substr($str, $start, $length); $strlen = strlen($str); /* 接着判断头尾各6字节是否完整(不残缺)

  • php字符串截取函数用法分析

    本文实例分析了php字符串截取函数用法.分享给大家供大家参考.具体分析如下: php自带的截取字符串的函数只能处理英文,数字的不能截取中文混排的,后面一个示例比较好用,第一个主要是给初学者学学用的,具体代码如下: 复制代码 代码如下: <?php   //构造字符串   $str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";   echo "原字符串:<b>".$str."</b><br>&quo

  • php，js，css字符串截取的办法集锦

    可能没什么含量,求少拍砖. 首先是PHP版本的. 复制代码 代码如下: <?php echo mb_strimwidth("这里是内容", 0,3,"...","utf-8"); ?> 其实只用mb_strimwidth一个函数就可以了,该函数的说明如下: mb_strimwidth - 获取按指定宽度截断的字符串 string mb_strimwidth ( string $str , int $start , int $width

  • JS PHP字符串截取函数实现原理解析

    js有三个:slice() substring() substr() 一般都用substr(start,length),第一个参数是开始位置的下标 必须,可以为负数,下标-1 是指字符串中最后一个字符,下标-2 是指倒数第二个字符,以此类推:第二个参数是要截取子串的长度 可选,截取的方向都是从左往右,不会改变. 截取出来的子串包含起始位置自己 PS:字符串的索引都从0开始计起 . 空格都是字符 substring(from,until) slice(from,until)都是从一个索引截取到另一

  • js substring()字符串截取函数

    使用方法: 复制代码 代码如下: str.substring(start, end) "String Literal".substring(start, end) 其中"start"是指明要截取字符串的起始位置,该索引从0 开始起算."end"是指明要截取字符串的结束位置,该索引从0 开始起算. JavaScript中substring()函数方法将返回一个包含从start 到最后(不包含end )的子字符串的字符串. JavaScript中su

  • js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)

    var time='2009-12-30 13:28:29'; alert(time); var year=time.substr(0,4); alert(year); var index1=time.indexOf("-"); var index2=time.lastIndexOf("-"); var cha=parseInt(index2)-(parseInt(index1)+1); var month=time.substr((parseInt(index1)

  • 常见的JS字符串属性与方法集锦

    目录 方法1.length 方法2.slice 方法3.substring 方法4.split 方法5.indexOf 方法6.lastIndexOf 方法7.charAt 附:字符串常用方法表 总结 方法1.length length决定字符串的长度 例: var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; const string = txt.length; // string = 26; 方法2.slice slice() 提取字符串的某个部分并在新字

  • JS判断字符串字节数并截取长度的方法

    JS判断字符串字节数并截取长度的方法

    本文实例讲述了JS判断字符串字节数并截取长度的方法.分享给大家供大家参考,具体如下: 这是在项目制作中,积累到的一个东西,感觉效果还可以,现在贴上效果: 那么,在页面上,我们需要检测两个东西,一个就是字节数,一个就是字符数. 由于数据库中,要求title的长度字节数为200,那么具体的js代码如下: /************************************************************************* * CodeBy:SCY CodeDate:20

  • JS基于正则截取替换特定字符之间字符串操作示例

    JS基于正则截取替换特定字符之间字符串操作示例

    本文实例讲述了JS基于正则截取替换特定字符之间字符串操作.分享给大家供大家参考,具体如下: 示例1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

  • js字符串截取函数slice、substring和substr的比较

    在js中字符截取函数有常用的三个slice().substring().substr()了,下面我来给大家介绍slice().substring().substr()函数在字符截取时的一些用法与区别吧. 取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length]) 相关属性: slice() 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若

  • JS使用正则截取两个字符串之间的字符串实现方法详解

    本文实例讲述了JS使用正则截取两个字符串之间的字符串方法.分享给大家供大家参考,具体如下: 一个最常用的场景 截取两个字符串中间的字符串 var str = "iid0000ffr"; var substr = str.match(/id(\S*)ff/); alert(substr2); 你会发现逗号后面是你要的东西 /S*表示多个字符串 为什么想要的东西在逗号后,也就是数组第二个. 是因为match的返回数组,第一个表示匹配的字符串,这里是包括id ff的,结果是id0000ff

  • JS/CSS实现字符串单词首字母大写功能

    css实现: text-transform:capitalize; JS代码一: String.prototype.firstUpperCase = function(){ return this.replace(/\b(\w)(\w*)/g,function($0,$1,$2){ return $1.toUpperCase() + $2.toLowerCase(); }) } var result = "i'm hello world".firstUpperCase();; cons

随机推荐