原文在最下面,原來是因爲超出長度方面想在腳本中控制,但後來才發現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>