码迷,mamicode.com
首页 > Web开发 > 详细

限制内容长度(CSS,jQuery)

时间:2015-09-22 18:03:37      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:

 

CSS(宽度限制在100px之内,超出就会点点点)

<style type="text/css">
p{width: 100px;display: inline-block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
</style>
<p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>

结果:

技术分享
 


jQuery(字符限制10)

<script>
$(function(){
$(‘ul li‘).each(function(){
var str=$(this).text();
var str2=str.substring(0,10);
$(this).text(str2);
})
})
</script>
<ul>
<li>测试1测试1测试1测试1测试1测试1</li>
<li>测试2测试2测试2测试2测试2测试2</li>
<li>测试3测试3测试3测试3测试3测试3</li>
</ul>

结果:

技术分享

 



限制内容长度(CSS,jQuery)

标签:

原文地址:http://www.cnblogs.com/jessiechen/p/4829414.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!