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做到标题过长用...代替的做法。下面是具体代码:
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

  • 相关阅读:
    hdu 3722 Card Game 二分图的最大权匹配
    如何将中国知网CNKI中的文献导入EndNote X6
    高性能以太网芯片W5500 数据手册 V1.0(二)
    (贪心5.1.2)POJ 2287 Tian Ji -- The Horse Racing
    [置顶] 斗地主算法的设计与实现--项目介绍&如何定义和构造一张牌
    Robotium学习笔记一
    Robotium学习笔记二
    Robotium学习笔记三
    做一个测试经理我还差多少?
    [每日一题] 11gOCP 1z0-053 :2013-10-9 backup with the KEEP option....................................33
  • 原文地址:https://www.cnblogs.com/boolean/p/869951.html
Copyright © 2011-2022 走看看