杭州SEO告诉你标题超出宽度怎么用省略号表示

问题集锦 杭州seo 1,277 0评论

我们在写文章标题的过程中,会发现文章标题在页面显示过长,文字会自动换行变成了两行,影响了网站整体的美观,所以我们要将标题超出宽度的部分用省略号来表示。

文章标题超出宽度示意图

方法1:如果你不喜欢用省略号表示,只需要将超出部分隐藏掉就可以,那么可以写如下代码

.demo{ width:200px; height:36px; overflow: hidden;}

width控制宽度,height控制高度,overflow: hidden超出部分删除。

方法2:超出宽度部分用省略号表示

.demo{ text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

文章省略号示意图

这就是文章加上省略号的效果图,在页面显示的时候超出范围会有省略号显示,但是在代码上标题显示的还是完整的,没有省略号的,不用担心蜘蛛抓取的标题不完整。

杭州seo>杭州SEO告诉你标题超出宽度怎么用省略号表示,版权所有,转载请写明出处。

喜欢 0 or分享

发表评论

()个小伙伴在吐槽
  1. 还没有任何评论,你来说两句吧