Question

用css如何截取多行文字

一个div高是固定的，我想在这有限的高度里放几行文字（段落形式的），而且这几排里的文字字数要固定。多出固定字数后会自动截取，

Answer 1

css截取多行文字可以使用容器的超出隐藏来实现，注意：多行无法截取后面不会出现省略号；

1、因为要对其设定宽高，所以设置容器为block或者inline-block；

2、设置overflow:hidden;让超出内容的部分不显示；

3、为了避免长单词，长的数字不换行，还需要对该容器设置:word-break:break-all;word-wrap:break-word;

这样就可以实现了文字的截取效果；

具体代码如下：

<style>
.wordwrap{width:100px;height:36px;line-height:18px;font:400 12px/1.5 Simsun;overflow:hidden;word-break:break-all;word-wrap:break-word;}
</style>
<div class="wordwrap">
    <span>文字截取文字截取文字截取文字截取文字截取文字截取文字截取文字截取文字截取文字截取文字截取</span>
</div>

Answer 2

用php或者其他的截取吧 ，css好像只可以隐藏多余的
function msubstr($str,$start,$len){
for($i=0;$i<$start+$len;$i++){
$tmpstr=(ord($str[$i])>=161 && ord($str[$i])<=247&& ord($str[$i+1])>=161 && ord($str[$i+1])<=254)?$str[$i].$str[++$i]:$tmpstr=$str[$i];
if ($i>=$start&&$i<($start+$len))$tmp .=$tmpstr;
}
return $tmp;
}
这个是php截取类

Answer 3

css只能控制高度，overflow:hidden可以把超出高度的文字隐藏.

如果要控制字数要用javascript，获取字符然后截取；可以用innerText方法和substring方法

Answer 4

你的问题有歧义呀。
若截断不显示
overflow:hidden.（内容超出高度截断不显示。）

若截断，内容完整：
overflow:auto;(超出高度自动显示滚动条。内容完整。)

Answer 5

用php或者其他的截取吧 ，css好像只可以隐藏多余的
function msubstr($str,$start,$len){
for($i=0;$i<$start+$len;$i++){
$tmpstr=(ord($str[$i])>=161 && ord($str[$i])<=247&& ord($str[$i+1])>=161 && ord($str[$i+1])<=254)?$str[$i].$str[++$i]:$tmpstr=$str[$i];
if ($i>=$start&&$i<($start+$len))$tmp .=$tmpstr;
}
return $tmp;
}
这个是php截取类