我的页面上有一些元素,它们的CSS规则为white-space
、overflow
、text-overflow
,这样溢出的文本会被截断,并使用省略号。
div {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border: 1px solid black;
width: 150px;
margin: 5px;
padding: 5px;
font-family: sans-serif;
}
<div>
<span>Normal text</span>
</div>
<div>
<span>Long text that will be trimmed text</span>
</div>
有没有办法可以使用JavaScript检测哪些元素的内容溢出了?