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

  • 相关阅读:
    overflow 溢出
    float1
    AI赋能测试_API测试
    AI赋能测试_APP测试智能化
    最最最基础题应知应会题目_1_排序_下载图片
    AI赋能测试_遗传算法应用
    PAI使用方法
    nlu模型测试集构建语料多样性
    机器学习基础功能练习II
    python机器学习数据绘图总结
  • 原文地址:https://www.cnblogs.com/boolean/p/869951.html
Copyright © 2011-2022 走看看