接上篇換**況處理 ,另乙個控制項也存在換**況,但是沒有上次那個「捷徑」中的現象,就是不會換行。出於相容之前所有功能,最小變更,最快解決的考慮,覺得不改變dom元素,在這些前提下找乙個解決方案。
上篇中提到的第乙個方案 - - 「計算內容寬度」,經過評估後有以下兩個難點:
1、每個字元寬度不確定
漢字基本每個字寬度都相同,但字元「a」和「l」,寬度就不同。
2、具體字元寬度如何計算
如果知道每個字元寬度計算方法,自然也就可以有多個字元計算方法。但目前我還沒有找到直接計算字元的方法。
基於上面兩個點帶來的複雜度,我又一次覺得這個方法可行性不高。所以經過思考後使用了下面的方法:
2、div的樣式需要使其內容不換行,包括在超出螢幕範圍的情況。
3、待計算寬度的內容不能直接放在該div裡面,而是包裹在乙個dom節點中,我選用了em。
學藝有限,有更好方法的還請多指教^^。