<分区>
我有一个标签，我需要在其中添加省略号，但我无法让它工作:
<label id="div2">This is some long text that will not fit in the box</label>
label#div2 {
white-space: nowrap;
width: 30px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
}
最佳答案
要隐藏元素中的溢出，元素需要是 block 级的。但是您可能不希望内联标签是 block 级的，因为这可能会导致其他问题。所以只需将其设为 inline-block:
label#cats {
white-space: nowrap;
width: 30px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
display: inline-block;
}
jsFiddle:http://jsfiddle.net/rdg221bx/1/
关于html - 如何将 "text-overflow: ellipsis"与标签元素一起使用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25881293/