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

日期：2007年11月19日作者：查看:[大字体中字体小字体]

      为了防止文章标题过长超过容器(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不仅达不到效果，有时还会导致页面显示出错！

（出处：急速软件下载学院）

用overflow代替left截取指定长度字符串相关文章：
·多个CSS样式表争夺特定选择符的控制权
·利用插件来校验XHTML是否符合Web标准
·JavaScript中split字符串函数
·加快效率：将常用文件夹变为盘符
·Vista系统中特殊方法输入特殊字符
·用overflow代替left截取指定长度字符串
·CSS:用overflow代替left截取指定长度字符串
·C#中一个字符串重复N倍的方法
·了解MySQL数据库中的结果字符串
·XPath 初学者入门教程：XPath 运算符
用overflow代替left截取指定长度字符串相关软件
·NDS《音珠：音符岛篇》（日）模拟器
·《音符祖玛》试玩街机版
·埃及神符
·爱跳动在26个字符上
·失窃的护身符
·雨林神符
·字符炼金术
·C#字符串和正则表达式参考手册
·符文之子
·魔符星魂

上一篇:AutoCAD文件传递中的字体替换定义技巧

下一篇:PowerPoint做交互课件不用VBA照样搞定

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

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

精品推荐

热点TOP10

特别推荐