使用省略號來偵測文字溢位
CSS 中的 text-overflow 屬性允許文字在超過容器寬度時被截斷。然後會顯示省略號 (...)，表示文字被截斷。
溢位偵測
偵測網頁上哪些元素的文字被截斷，您可以使用JavaScript：
function isEllipsisActive(e) {
return (e.offsetWidth < e.scrollWidth);
}此函數將一個元素作為輸入，如果其寬度小於其滾動寬度，則傳回true，
使用範例
您可以使用此函數來檢查元素的溢位狀態，例如：
<div> <span>Normal text</span> </div> <div> <span>Long text that will be trimmed text</span> </div>
console.log(isEllipsisActive(document.querySelector('span'))); // false (for the first div)
console.log(isEllipsisActive(document.querySelectorAll('span')[1])); // true (for the second div)透過使用此Java函數，您可以動態檢測文字溢出的元素並應用適當的樣式或行為相應地。
以上是如何使用 JavaScript 檢測 CSS 文字溢出？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
