鍍金池/ 問答/HTML5  HTML/ HTML如何判定文本是否溢出(即出現(xiàn)省略號)?

HTML如何判定文本是否溢出(即出現(xiàn)省略號)?

如題,我在SO上也找過這個問題,但是那個問題太老了,最高贊的答案也已經(jīng)失效,問題在此

對于這個問題很多人的回答是判斷ScrollWidth是否大于OuterWidth,但是有時(shí)候這兩個數(shù)值相等也會出現(xiàn)省略號,如下圖圖片描述

對于這種情況該如何解決?

之所以要判定是否溢出主要是因?yàn)槟壳八褂玫倪@套UI組件(Layui:源碼在此)就是這么實(shí)現(xiàn)的,如果溢出了一點(diǎn)擊就會彈出一個浮窗以顯示完整內(nèi)容(如下圖),這套組件已在項(xiàng)目中大量使用,替換的話成本較高,所以我就想著能否通過修改判定條件來解決這個問題
圖片描述

回答
編輯回答
枕頭人

這個技術(shù)問題確實(shí)比較棘手
我想提供另一種思路
從產(chǎn)品和交互的角度來講

為什么會出現(xiàn)文本溢出的情況?

是否允許出現(xiàn)?

為什么不允許出現(xiàn)文本溢出?

如果不允許的話,可不可以換一種交互來避免這個問題

2017年8月14日 21:02