zoukankan      html  css  js  c++  java
  • 织梦文章列表过长自动省略号隐藏

    存在问题:
      
      用过DEDE默认模板的都知道,DEDE首页文章标题的长度大概都在40字符左右。如果添加的文章标题过长,会被自动截断,使文章可读性变差。
      
      解决思路:
      
      当文章标题过长时,自动截断并加上省略号…
      
      在A标记中加上title属性,使标题全部显示
      
      解决办法:
      
      在index.htm模板中,找到<a href="[field:arcurl/]">[field:title /]</a>这样的代码,修改为:
      
      <a href="[field:arcurl/]" title="[field:title /]">[field:title function='( strlen("@me")>42 ? cn_substr("@me",42)."…" : "@me" ) ' /]</a>
      
      title="[field:title /]"的作用是当鼠标经过时,有文字提示;
      
      [field:title function='( strlen("@me")>42 ? cn_substr("@me",42)."…" : "@me" ) ' /]的作用是当标题超过42个字符时,自动加上省略号
      
      在上面的语句的上方,会有类似这样的代码{dede:arclist flag=’c’ titlelen=80 row=6},将titlelen=80的80的数值修改的尽量大些,以保证文章标题能全部显示。
      
      后记
      
      网上还有两种方法,一种是通过修改CSS,一种是修改PHP代码。本人认为上面介绍的方法好。
      
      介绍第二种方法:修改CSS样式
      
      修改CSS文件或者直接在A标记中加上style属性来控制。形式如下:
      
      <a style=”200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;” href=”http://www.966266.com/”>浏览器评测网</a>
      
      200px; 控制A标记的宽度;
      
      text-overflow:ellipsis;当超过定义的宽度时,显示省略号;
      
      white-space:nowrap;强制文本在一行内显示;
      
      overflow:hidden:溢出内容为隐藏。
      
      注意:通过CSS控制,好处是标题完整,对SEO有利。缺点是此设置不支持Firefox浏览器,其它如IE、Chorme、Opera都支持。雨田SEOER

  • 相关阅读:
    Python学习笔记(尚硅谷)——变量
    四级高频词-工作类
    转载--JS根据浏览器的useAgent来判断浏览器的类型
    MySQL上传文件容量过大com.mysql.jdbc.PacketTooBigException
    关于<input type="file" >浏览器兼容问题
    IDictionary与TryGetValue
    生成自增ID列
    利用C#将PCM格式的Wav进行对文件裁剪截取、淡入淡出、保存为音频文件相关详细代码解释
    DevExpress控件学习总结
    C# 音频操作系统项目总结
  • 原文地址:https://www.cnblogs.com/tanlingdangan/p/3626765.html
Copyright © 2011-2022 走看看