前段時(shí)間在公司移動站的重構(gòu)，遇到了一個(gè)產(chǎn)品列表title的需求是只顯示兩行，然后超過兩行的字符用省略號顯示。如下圖的效果，當(dāng)時(shí)第一感覺是這個(gè)需求只能通過后臺輸出的時(shí)候截取字符去處理，或者通過JS計(jì)算字符來處理，因?yàn)闃邮綗o法控制換行文本出現(xiàn)省略，但是因?yàn)槲覀冃掳娴囊苿诱臼橇魇讲季郑诓煌直媛氏碌氖謾C(jī)換行的寬度是不確定的，所以就沒有標(biāo)準(zhǔn)的字符截取的數(shù)量范圍。例如：15個(gè)字在iphone上面是兩行顯示，但是在三星上就可能不是兩行顯示了，有可能值顯示一行，又或者在分辨率更低的手機(jī)15字已經(jīng)是三行顯示了，遇到了這種場景就很頭痛了。
先來回顧下，單行文本換行的寫法：