通常我们制作模版过程中,为了美观通常会限制文章标题的长度,比如:
{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;
当然,具体需要用那种方法,可根据自己网站做调整。