原文在最下面,原来是因为超出长度方面想在脚本中控制,但后来才发现css也有兼容的办法了。
<style>
div {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
</style>
<div>
夺顶风顶要国轼奇显著特点归根到底四项基本原则夺顶风顶要国轼奇显著特点归根到底四项基本原则
</div>
限制字数脚本,没时间研究,直接jq
<span>China China China China</span>
<div id="d">中华人民共和国</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery.fn.extend({limitTextWidth:function(px) {
this.each(function(){
var box = $(this);//.css("overflow","hidden");
var child = box.html("<span>"+box.text()+"</span>").children();
if( child.width()>px){
child.text(child.text()+"..");
while(child.width()>px){
child.text(child.text().substr(0,child.text().length-3)+"..");
}
}
});
}});
$("#d,span").limitTextWidth(100);
</script>