广州seo
因为专注所以专业

实用篇: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控制标题长度 不需要定义后台程序代码

赞(0) 打赏
未经允许不得转载:广州SEO » 实用篇:css控制标题长度 不需要定义后台程序代码
分享到: 更多 (0)

奇拉图-专注seo-网站建设-小程序开发-全网推广

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏