最新消息:人生信条:用最初的心,做永远的事!微信公众号:JinlongMeiTi(金龙媒体)

使用overflow使超出DIV范围的文字显示省略号

网页设计 李金龙 3102浏览 0评论

公司开发的系统里面在调用文字内容的时候如果使用了过滤标签属性的话所有的标签都会被过滤,包括<p></p> <br /> 结果段落没了,今天在网上找了找,发现可以使用overflow使超出DIV一定范围的文字自动显示省略号,感觉挺不错,跟大家分享一下! 

让超出DIV宽度范围的文字自动显示省略号…
有什么好处呢?主要是用div控制宽度的话,标题不会被截断,用程序来判断并截取字数的话,在源文件里面我们是看到截断之后的文字,可能语义表达不完整,但如果用div来控制宽度的话,就不会存在标题被截断的问题了,虽然从表象上看和截断的很像,但源文件里面会把标题全部都显示出来的,对SEO来说也是有一定好处的.
[code lang=”css”]
div {
font-family: ms sans serif, arial;
font-size: 8pt;
width: 100px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
[/code]

转载请注明:李金龙网络营销博客 » 使用overflow使超出DIV范围的文字显示省略号

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (2)

  1. 就火狐不支持,还不错。顶
    江南7年前 (2011-12-02)回复
  2. 在firefox底下无效
    云快印8年前 (2011-05-03)回复