div内文字显示两行,超出两行部分省略号显示css能实现么?
导读:本文共283.5字符,通常情况下阅读需要1分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:通常的做法是这样的: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针对Ope... ...
目录
(为您整理了一些要点),点击可以直达。通常的做法是这样的: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能实现么?的详细内容,希望对您有所帮助,信息来源于网络。