织梦浮动标题不限制文字方法

发布期:2020-06-09 | 来源处:本站 | 编辑者:admin | 浏览量:0
09
06
2020

通常我们制作模版过程中,为了美观通常会限制文章标题的长度,比如:

{dede:arclist titlelen='60' row='10' }
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}


这个标签段里的titlelen='60' 就是限制文章标题[field:title/]标签的长度不超过60字节。

     

如果我们的文章标题超过60字节,那么读者第一眼看上去会发现是很不完整的文章标题。所以我们可以用“浮动标题”显示来使用户在观看这个标题时能看到全部标题。

     

织梦提供了一个专用标签 [field:fulltitle/] 它在使用时不受titlelen='60'限制,可以调用完整标题。

     

那么上面的标签我们可以这样写:

{dede:arclist titlelen='60' row='10' }
<li ><a href="[field:arcurl/]" alt='[field:fulltitle/]' title='[field:fulltitle/]'>[field:title/]</a></li>
{/dede:arclist}


通过css来控制标题:

    

我们使用titlelen='60'之后,标题就只会显示60个字节,所以当用户看我们网站标题时,不能确定是否是完整标题。一般标题后面会需要有省略号(...),我们可以通过css来控制标题,css控制是遮蔽法,遮蔽显示文字的长度,如下:

     

    display: inline-block;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

     

    当然,具体需要用那种方法,可根据自己网站做调整。
 




TAG 标签:

网站优化专区

本月热点资讯
热线(微信同号):
137-6042-7131
在线客服:
售前
售前
售前
售后
微信图标
联系微信:
微信联系二维码
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交,将获得全宝鑫公司策划专家免费为您设计
创意LOGO,免费设计您满意的名片。
下单送礼感恩多年,新老用户下单即送创业型空间+域名等大礼
8:30-18:00小时免费咨询热线137-6042-7131
建站留言合作意向表

您需要的服务

您关注的地方

您大概的预算

直接咨询