电信主站 网通主站 设为首页 加入收藏 动漫频道
 
智能主站 本站首页网络学院 源码中心 软件中心 网站程序
  您当前的位置:九九源码网络网络学院网页设计CSS教程 → 学院内容  万年历查询
站内统计 MORE
  • 共有源码程序23
  • 源码下载数量:18235
  • 共有软件工具232
  • 软件下载数量:12513
  • 共有文章数量2235
  • 文章总阅览数:52541
  • 学院专题栏目 MORE
    推荐源码下载 MORE
  • 同城分类信息系统 自带红黄...
  • 地区分类信息网
  • 仿阿里巴巴行业信息B2B商务...
  • 仿阿里行业信息商务网SQL版...
  • 仿淘宝多用户购物商城
  • 通用企业网站管理系统灰色模...
  • 企业网站管理系统中英双语A...
  • 商城购物电子商务系统
  • 分类信息港整站程序
  • 企业网站管理系统
  • 本类热门文章 MORE
  • 谈谈DIV+CSS
  • 用overflow代替left截取指定...
  • CSS网页制作设计中的解决方...
  • 符合标准的div+css制作的弹...
  • CSS网页布局
  • 实践学习Web标准
  • CSS样式表定义标签li前面样...
  • 基本的页面设计元素布局比例...
  • 利用CSS框架进行高效率的站...
  • DIV与Table布局在大型网站的...
  • 本月阅览排行 MORE
  • 全国各地ADSL上网密码修改页...
  • 域名后缀的含义大全
  • 网站搜索引擎免费登陆入口大...
  • 本机网络速度/网站反应速度...
  • 在线logo制作网站集合
  • 怎样把远程机上的SQL数据库...
  • 如何测试同IP服务器有多少虚...
  • 最新的站长内容联盟大全
  • 什么是垂直搜索?
  • 埋起那片枫叶
  • 学院文章详细内容 MORE..
    标题: 用overflow代替left截取指定长度字符串
    作者:网友 来源:网络 发布时间:2008-1-3 15:51:59    减小字体 增大字体
    为了防止文章标题过长超过容器(td,div)宽度而显示成多行,我们通常要对标题进行处理让其显示在一行,通常使用的方法有两种:一种方法是在客户端用CSS设置容器的overflow属性;另一种方法则是在服务器端用left函数对标题字符串进行截取。两种方法通常情况下都能达到我们的目的:  

    <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,真正做到"只对字符串进行处理",非常方便,如: 
    <div><font color="#FF0000">轻轻松松在页面中插入单选按钮/复选框</font></div>
    <div><% =Left("<font color=""#FF0000"">轻轻松松在页面中插入单选按钮/复选框</font>",11) %></font></div>              
    采用left不仅达不到效果,有时还会导致页面显示出错!相比之下,用哪一个大家心里有数。  
    [ ] [返回上一页] [打 印]
      相关文章
    用overflow代替left截取指定长度字符串-源码软件,整站程序-九九源码网络
          关于本站 | 宣传合作 | 网站帮助 | 友情连接 | 联系方式
          九九源码网络 联系QQ:279901111  信息服务证书:鲁ICP备05052685号
          本站部分资源来源于网络或网友发布,若侵犯了您的权利,请告之,我们会立即删除!