0

高さと幅が制限された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を使用して長さを動的にチェックすることもできます。私は推測する ！

4

1 に答える 1

0

使用する代わりにtext-overflow: ellipsis：

text-overflow:clip;

ここを参照してください：http： //jsbin.com/urubed/3/

編集

JSを変更せずに動的に変更する場合は、次のようにしますposition: relative。

position: absolute;

お役に立てれば ：）

于 2012-11-12T16:25:51.350 に答える