文字内容溢出用省略号表示jQuery插件

by zhangxinxu 2009-09-05 19:01

文字内容溢出用省略号表示jQuery插件

1.em单位定宽

这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。

CSS：.zxx_text_overflow_1{width:27em;} HTML：<div class="zxx_text_overflow_1">这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。</div> JS：$(".zxx_text_overflow_1").wordLimit();

2.px单位定宽

这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。

CSS：.zxx_text_overflow_2{width:400px;} HTML：<div class="zxx_text_overflow_2">这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。</div> JS：$(".zxx_text_overflow_2").wordLimit();

3.限定字符个数

这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。

CSS：无 HTML：<div class="zxx_text_overflow_3">这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。</div> JS：$(".zxx_text_overflow_3").wordLimit(24);