当前位置:
首页 > 建站技术应用 > phpcms > 实用篇:css控制标题长度 不需要定义后台程序代码

实用篇:css控制标题长度 不需要定义后台程序代码

css控制标题长度 不需要定义后台程序代码,不用在后台设置标签,修改文章的标题长度,来适宜列表宽度,下面这个技巧,可以让搜索引擎获知完整标题,但显示给读者的是长短合适的标题列表

css代码:
.qilatu {
overflow: hidden;
width: 200px;
word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px;
padding: 0px;
float: left;
}
这段css代码,不用修改后台相关标签,不用限制字符,文字其实都有,但超过宽度的内容被css给隐藏了,而且还加了省略号。效果很不错滴

我在排行榜标签里的标题样式控制就用的这个代码:
<div class="qilatu">
<a href="{$article[linkurl]}" title="{$article[title]}" {$target} class="tag_title_link">{$article[stitle]}</a>
</div>

原创文章,转载请注明: 转载自广州SEO

本文链接地址: 实用篇:css控制标题长度 不需要定义后台程序代码