用css如何截取多行文字

html-css04

用css如何截取多行文字,第1张

用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截取类

小气鬼的楼主,连一分都不给...但正好有时间,我来帮你注释吧.

<style type="text/css">

body{

font-family:Arial, Helvetica, sans-serif/* 字体种类*/

font-size:12px/*字体大小*/

}

div{

width:200px/*容器宽度*/

height:24px/*高度*/

line-height:24px/*行高*/

overflow:hidden/*超出部分 隐藏*/

border:#ccc solid 1px/*容器边框,1像素,颜色是#ccc(淡灰)*/

background-color:#F9F9F9/*背景色*/

margin:5px/*上下左右全空5像素*/

}

div a{

color:#000/*链接颜色*/

display:block/*转化为区块*/

padding-right:7px/*右缩进7像素*/

background:url(http://www.365css.cn/example/ellipsis_365css.cn/ellipsis.gif) no-repeat right bottom/*背景图片,右下显示,只显示一次*/

}

</style>

<div><a href="#">CSS截取字符串,超出用省略号代替</a></div>

<div><a href="#">CSS截取字符串,并将超出用省略号代替</a></div>

<div><a href="http://www.hi.baidu.com/fzlibei" target="_blank">CSS</a></div>

<div><a href="http://www.hi.baidu.com/fzlibei" target="_blank"><span></span></a></div>

text-overflow语法:

text-overflow : clip | ellipsis

text-overflow参数值和解释:

clip :  不显示省略标记(...),而是简单的裁切

ellipsis :  当对象内文本溢出时显示省略标记(...)

text-overflow应用说明:

CSS text-overflow设置或检索是否使用一个省略号标记(...)标示对象内文本文字的溢出。

要想实现显示不完内容将显示省略号代替,还需要html nobr标签完成(nobr禁止换行标签)