javascript - 文本溢出校正

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;

希望这可以帮助 ：）