18910140161

text-overflow:ellipsis在火狐浏览器中的用法

顺晟科技

2021-06-16 10:38:59

192

使用text-overflow :省略号在溢出文本中显示省略号有两个优点。,不需要通过程序限制字数;第二,有利于SEO。通常是文章标题列表需要针对溢出文本显示省略号,这样对搜索引擎更友好,因为标题实际上并没有被截断,只是限于宽度而没有显示出来。

通常的做法如下:

1 . overflow : hidden;

2 . text-overflow :省略号;

3.-o-text-overflow :省略号;

4 . white-space : nowrap;

5 .宽度:;

Overflow:hidden和white-space:nowrap都是必须的,否则不会显示省略号;-o-text-overflow : Opera的省略号;宽度设置主要针对IE6;

这个方法支持InternetExplorer、Safari、Chrome、Opera,FF不支持,但是通过Jquery可以达到类似的效果。

下载这个Jquery插件:jQueryellipsisplugin

$(文档)。ready(function(){

$('.省略号')。省略号();

}

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航