可能没什么含量，求少拍砖。
首先是PHP版本的。

复制代码 代码如下:
<"这里是内容", 0,3,"...","utf-8"); "" [, string $encoding = mb_internal_encoding() ]] )
 参数说明：
$str 为要截断的字符串（即原字符串，输出的字符串）
$start 从第几个字符开始截取，默认是0
 $width 所需修剪的宽度
$trimmarker 截取后，在字符串末尾添加的内容（常见的为...表示省略），默认我i空
$encoding 这个参数很重要，如果字符串是中文，一定要加上。否则。。。。就可以看到“"codetitle">复制代码 代码如下:
    <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开发者网站的图例就明白了。在这里就不多说了。