zoukankan      html  css  js  c++  java
  • 你还在截取标题的长度吗

    我相信凡是做过网站开发的朋友都为信息提取时,显示信息列表的标题长度做过思考和努力(当然我也是这样),一般的我们把标题定一个长度,超出了就将其截断,并加上省略号以表示标题未完,如果标题是汉字数字特殊字符混合组成的,还要为其显示做特殊处理。从现在开始我梦再也不用这样烦心了。我是从这里学到的。其实就是把标题的容器设置为overflow:hidden。

    效果图:

    下面是例子:
    普通:

    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容 2007-08-26
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容 2007-08-26
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容 2007-08-26
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容 2007-08-26
    处理过的
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容
    2007-08-26
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容
    2007-08-26
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容
    2007-08-26
    标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容
    2007-08-26

    经网友提醒,的确可以用css做到标题过长用...代替的做法。下面是具体代码:
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

  • 相关阅读:
    两种方法实现超出省略号效果
    CSS中定义优先权
    网页设计中字体设置详解
    JavaScript的方法和技巧
    手把手教你使用Gene6FTP远程管理
    用Zend Encoder加密PHP文件和PHP 优化配置
    JavaScript的方法和技巧
    SQL Server 2000订阅与发布的具体操作
    企业级邮件服务软件推荐
    用Zend Encoder加密PHP文件和PHP 优化配置
  • 原文地址:https://www.cnblogs.com/boolean/p/869951.html
Copyright © 2011-2022 走看看