用overflow代替left截取指定长度字符串zz

为了防止文章标题过长超过容器(td,div)宽度而显示成多行，我们通常要对标题进行处理让其显示在一行，通常使用的方法有两种：

      一种方法是在客户端用CSS设置容器的overflow属性；

      另一种方法则是在服务器端用left函数对标题字符串进行截取。

以下是引用片段：
<style type="text/css">
div{
width:200px;
overflow:hidden;
}
</style>
<div>轻轻松松在页面中插入单选按钮/复选框</div>
<div><% =Left("轻轻松松在页面中插入单选按钮/复选框",11) %></font></div>  


      比较一下它们的优缺点：

      1.处理地点不同

      一个位于客户端，一个位于服务器端。能在客户端的处理的尽量不要在服务器端处理，减轻服务器负担。

      2.处理对象的不同

      CSS是对容器属性进行设置，left是对标题字符串进行处理，哪个更合理？回答这一问题前我们先问下：为什么要对标题长度进行处理？为的就是"让标题长度不超过容器长度"即可！CSS是对容器属性进行设置，当标题长度超出容器长度时就进行处理；而left的做法是对每个标题进行处理，将标题的长度都控制在我们测试得出的长度n范围内[left(title,n)]，有一刀切的嫌疑。可见前者更具合理性。

      3.对html处理的简易性

      这一点是最能说服用CSS的理由。有时由于某些原因，我们会在一些标题中加入了html代码，如：<font color="#FF0000">轻轻松松在页面中插入单选按钮/复选框</font>，我们想要的结果应当是让标题不显示为两行，但还要保证仍为红色！这点left做不到，要达到效果我们先得把html去除，然后对余下的字符串进行截取，再添加html，非常的麻烦；而css完全不理会html，真正做到"只对字符串进行处理"，非常方便，如：

以下是引用片段：
<style type="text/css">
div{
width:200px;
overflow:hidden;
}
</style>
<div><font color="#FF0000">轻轻松松在页面中插入单选按钮/复选框</font></div>
<div><% =Left("<font color=""#FF0000"">轻轻松松在页面中插入单选按钮/复选框</font>",11) %></font></div>  



      采用left不仅达不到效果，有时还会导致页面显示出错！

本帖最近评分记录

• 永夜的极光 +5 相当的不错 2007-12-29 07:53

asp判断字符串的长度和截取指定长度字符串的方法

"判断包含双字节字符的字符串长度
Function getStrLen(str)
dim x,y,i
x = len(str)
y = 0
for i = 1 to x
if asc(mid(str,i,1))<0 or asc(mid(str,i,1))>255 then
y = y + 2 "双字节
else
y = y + 1"ascii码字符
end if
next
getStrLen = y
End Function

"从指定（包含双字节字符的）字符串中第一个字符起的指定长度的字符串
"指定的长度为单字节长度，即字节数
Function leftString(str, length)
Dim x, y, i, s
s = str
x = Len(str)
y = 0
If x >= 1 Then
For i = 1 To x
If Asc(Mid(str, i, 1)) < 0 Or Asc(Mid(str, i, 1)) > 255 Then
y = y + 2
Else
y = y + 1
End If

If y >= length Then
s = Left(str, i) "字符串字节数
Exit For
End If
Next
End If
leftString = s
End Function
例如：
getStrLen("双字节字符abc")
leftString("abc双字节字符字符串",10)

得到固定字符位置的函数

得到固定字符位置的函数

<Script language="Javascript" Runat="Server">
/*
=======================================================================================
本程序段的功能：

给定一个字符串，不管是英文还是中文，还是中英文混合的，只取前面的８个英文字母占位的宽度。
关于该程序的说明：当最后一个字为中文，并且前面已经取得７位时，就不应该再取这个字了。再
最后位置补空格； 否则的话，总共就会占９个英文字符的位置了。
本程序由net_lover(孟子Ｅ章)编写，您可以任意使用本程序，但要保持本注释。
有任何疑问请Email至： amxh@21cn.com
欢迎访问：
[url]http://lucky.myrice.com[/url]
[url]http://colorweb.go.163.com[/url]
=======================================================================================
*/
function get8Length(str)
{
var tmp = 0;
var len = 0;
var okLen = 0
for(var i=0;i<8;i++)
{
  if(str.charCodeAt(i)>255)
   tmp += 2
  else
   len += 1
  okLen += 1
  if(tmp + len == 8)
  {
   return (str.substring(0,okLen));
   break;
  }
  if(tmp + len > 8)
  {
   return (str.substring(0,okLen - 1) + " ");
   break;
  }
}
}

</Script>
<%
Dim strTest
strTest = "我是孟子Ｅ章啊！！"
Response.write get8Length(strTest) & "……<br>"
strTest = "我是net_lover！！"
Response.write get8Length(strTest) & "……<br>"
strTest = "I我a是m孟子Ｅ章啊！！"
Response.write get8Length(strTest) & "……<br>"
%>

总结的不错，谢谢分享。

回复 1# 的帖子

按照益出隐藏的处理方法，如果文字太多，而宽度又有限，我试了一下hidden的方法，却发现文字会显示成多行...