又談換行情況處理

2022-07-19 17:33:12 字數 457 閱讀 4078

接上篇換**況處理 ,另乙個控制項也存在換**況,但是沒有上次那個「捷徑」中的現象,就是不會換行。出於相容之前所有功能,最小變更,最快解決的考慮,覺得不改變dom元素,在這些前提下找乙個解決方案。

上篇中提到的第乙個方案 - - 「計算內容寬度」,經過評估後有以下兩個難點:

1、每個字元寬度不確定

漢字基本每個字寬度都相同,但字元「a」和「l」,寬度就不同。

2、具體字元寬度如何計算

如果知道每個字元寬度計算方法,自然也就可以有多個字元計算方法。但目前我還沒有找到直接計算字元的方法。

基於上面兩個點帶來的複雜度,我又一次覺得這個方法可行性不高。所以經過思考後使用了下面的方法:

2、div的樣式需要使其內容不換行,包括在超出螢幕範圍的情況。

3、待計算寬度的內容不能直接放在該div裡面,而是包裹在乙個dom節點中,我選用了em。

學藝有限,有更好方法的還請多指教^^。