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

  • 相关阅读:
    MATLAB中mexFunction函数的接口规范
    opencv 人脸识别 (一)训练样本的处理
    VS 编程常见错误及解决方法
    在用VC编译下debug和release的什么区别
    OpenCV中Mat的详解
    主成份分析PCA
    人脸识别必读的N篇文章
    opencv有关错误及解决办法
    解决办法:CMake编译时出现“error in configuration process project files may be invalid”
    mybatis 学习笔记(二):mybatis SQL注入问题
  • 原文地址:https://www.cnblogs.com/tanlingdangan/p/3626765.html
Copyright © 2011-2022 走看看