我有这个label
可能是任何宽度,应该使用 CSStext-overflow:ellipsis
属性。我似乎无法让它工作。#a
有效,因为width
已设置,这是预期的结果。怎么去#b
上班?
<div id="a">
<a href="#">link</a>
<input type="checkbox" />
<label>checkbox label</label>
</div>
<div id="b">
<a href="#">link</a>
<input type="checkbox" />
<label>checkbox label</label>
</div>
#a {width:100px; background:#ddd;}
#a label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right; width:50px;}
#a a {float:right}
#b {width:100px; background:#ddd;}
#b label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right;}
#b a {float:right}