UC知道利用css截断字符串，搜狐与新浪是如何实现的？
来源：百度知道 编辑：UC知道 时间：2024/05/28 10:59:14
先谢谢大家了！如果解决了，会再加分的！
下面这段代码是不行的，在firefox下面会截取到半个字！
tab
{ width:200px;white-space:nowrap; overflow:hidden;
text-overflow:ellipsis;word-break:breakall;
}
先谢谢各楼的朋友了！一楼朋友的方法我试了试，在火狐中还是会截半个字。三楼朋友的做法我不知道怎么样，因为对于这块不是很熟悉！希望有朋友能说一下，新浪搜狐等网站的截断是如何处理的，谢谢了！
下面这段代码是不行的，在firefox下面会截取到半个字！
tab
{ width:200px;white-space:nowrap; overflow:hidden;
text-overflow:ellipsis;word-break:breakall;
}
先谢谢各楼的朋友了！一楼朋友的方法我试了试，在火狐中还是会截半个字。三楼朋友的做法我不知道怎么样，因为对于这块不是很熟悉！希望有朋友能说一下，新浪搜狐等网站的截断是如何处理的，谢谢了！
如过你懂代码的话，给你个拿asp改的前台截取演示。
保存为*.htm在浏览器中打开。
<input id="t1" type="text"><input type="button" value="截取" onclick="t1.value=cutStr(t1.value,16)">
<script language="VBscript">
'截取字符串长度函数
Function cutStr(str,strlen)
dim l,t,c
l=len(str)
t=0
for i=1 to l
c=Abs(Asc(Mid(str,i,1)))
if c>255 then
t=t+2
else
t=t+1
end if
if t>=strlen then
cutStr=left(str,i-1)&"…"
exit for
else
cutStr=str
end if
next
cutStr=replace(cutStr,chr(10),"")
end Function
</script>
这样只能保证三个浏览器都统一显示，ff也不会出现半个字的情况，缺陷就是少了省略号！希望能帮到你！
tab
{ width:200px;
overflow:hidden;
text-overflow:ellipsis;
word-break:break-all;
height:22px;
line-height:22px;
}
加个height应该就可以
css没有这种功能的, 你的css是没问题.
都说了不是css处理