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

  • 相关阅读:
    python pytesseract模块,报错
    CSS清除浮动_清除float浮动
    CSS中@import与link的具体区别
    js substr和substring的区别
    WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置
    Jquery中的重置
    table标签中thead、tbody、tfoot的作用
    下拉列表框的几个属性
    使用GDI绘制文本
    使用GDI绘制一条直线
  • 原文地址:https://www.cnblogs.com/boolean/p/869951.html
Copyright © 2011-2022 走看看