在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

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

對(duì)于這種情況該如何解決?

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

回答
編輯回答
枕頭人

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

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

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

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

如果不允許的話,可不可以換一種交互來(lái)避免這個(gè)問(wèn)題

2017年8月14日 21:02