div内文字显示两行,超出两行部分省略号显示css能实现么?(网页自适应,关键词优化)

时间:2024-05-06 08:30:13 作者 : 石家庄SEO 分类 : 关键词优化
  • TAG :

    div%E5%86%85%E6%96%87%E5%AD%97%E6%98%BE%E7%A4%BA%E4%B8%A4%E8%A1%8C%EF%BC%8C%E8%B6%85%E5%87%BA%E4%B8%A4%E8%A1%8C%E9%83%A8%E5%88%86%E7%9C%81%E7%95%A5%E5%8F%B7%E6%98%BE%E7%A4%BAcss%E8%83%BD%E5%AE%9E%E7%8E%B0%E4%B9%88%EF%BC%9F

通常的做法是这样的:1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o-text-overflow: ellipsis针对Opera;而宽度的设定主要是针对IE6;该方法支持Internet Explorer, Safari, Chrome 和 Opera,但FF并不支持,不过可以通过Jquery来实现类似的效果。下载Jquery插件:jQuery ellipsis plugin调用方法:1.$(document).ready(function() {2. $('.ellipsis').ellipsis();3.}

本文:div内文字显示两行,超出两行部分省略号显示css能实现么?的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:求CSS3字体自适应大小的方法!~下一篇:

459 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18