文字溢出修正

Question

我有一個高度有限，寬度有限的div。它應該顯示數字。但是由於它的寬度有限，我想剪輯它的文本。但使用'省略號'會出錯。你可以自己嘗試。

<div id="numdiv">1000</div> 


#numdiv 
{ 
cursor:pointer; 
position:relative; 
top:-80px; 
left:103px; 
text-align:left; 
font-size:15px; 
height:20px; 
overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; 
width:18px; 
border:1px solid #494949; 
background:#FF9900; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border-radius:3px; 
} 

要麼我應該得到它正確顯示或溢出的'+'符號會很好。請幫助我。我也可以使用JS動態檢查長度。我猜 ！

Answer 1

而不是text-overflow: ellipsis使用：

text-overflow:clip; 

在這裏看到： http://jsbin.com/urubed/3/

編輯

，如果你想讓它動態地更改，恕不JS變化position: relative到：

position: absolute; 

希望這有助於:)