我有这样的事情:
<div>
<span>
text text text text text text
</span>
</div>
div{
width:100px;
border: 1px solid black;
line-height: 12px;
height: 16px;
position: relative;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
span{
position: absolute;
overflow: hidden;
text-overflow: ellipsis;
}
省略号不起作用。我不一定需要使用位置:绝对,但结果我应该有文本,不会扩展 div 和截断宽度省略号。
PS 宽度为 div 包含在示例中,实际上 div 宽度是未知的。
我不知道为什么你需要 span 标签的绝对位置,但这并不重要。
Span 标签应该具有“宽度”css 规则来解决您的问题。对于您的示例:
span {
width:100%;
}
因此,每次要使用overflow:ellipsis
选项时,都必须指定目标元素的宽度。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句