為了保證頁面的整潔美觀翘盖，在很多的時候，我們常需要隱藏超出長度的文字瓶摆。這在列表條目凉逛，題目磅轻，名稱等地方常用到褥琐。
代碼如下：
.product-buyer-name{ //可以給定容器寬度限制，超出部分省略
max-width:110px;
overflow:hidden;
text-overflow:ellipsis; //clip : 不顯示省略標記（...）狂打，而是簡單的裁切
ellipsis : 當對象內文本溢出時顯示省略標記（...）
white-space:nowrap; //規(guī)定段落中的文本不進行換行
} //以上三條都不能少
還有一種方法
<a id="123"> fjdkshfldjshfjdshajkfldhsjakfhdslajkhfdjklsa</a>
<script>
var tag = document.getElementById("123");
var text=tag.innerHTML;
if(text.length>15){
text=text.substring(0,15)+"...";
}
tag.setAttribute("title",text); // 利用title屬性书斜，使鼠標放在標簽上時昔瞧，顯示縮進后的內容
</script>
