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

  • 相关阅读:
    【转】安装VS2008:this application has requested the run
    【转】开源史上的8大交易
    PowerDesigner属性设置笔记
    国外威客网站大盘点
    [Java]单项链表与双端链表[原]
    Jenkins学习总结(3)——Jenkins+Maven+Git搭建持续集成和自动化部署的
    Jenkins学习总结(2)——Jenkins+Maven进行Java项目持续集成
    Jenkins学习总结(2)——Jenkins+Maven进行Java项目持续集成
    创业公司如何实施敏捷开发
    创业公司如何实施敏捷开发
  • 原文地址:https://www.cnblogs.com/tanlingdangan/p/3626765.html
Copyright © 2011-2022 走看看