javascript - 使用带有标签的省略号不是从 div 的开头开始的

Question

我有一个位于动态大小的 div 内的标签。标签从大约 div 的中间开始我试图在其中添加省略号，但我无法让它在正确的位置开始省略号

这是我的代码：

 <div id="container" style="text-overflow: ellipsis;overflow:hidden;width:50px">
 <label id="myLabel" style="left: 20px!important;position: absolute;">test1234567890</label></div>

我究竟做错了什么？谢谢

Answer 1

Ellipsis 属性不会影响绝对定位的元素，如果你想将标签向左移动并保持省略号，你应该设置padding-left:20px;为 div