国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS實(shí)現(xiàn)標(biāo)題文字過長部分顯示省略號的方法

2024-07-11 08:57:04
字體：大 中 小
供稿：網(wǎng)友
前段時(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)是三行顯示了，遇到了這種場景就很頭痛了。
先來回顧下，單行文本換行的寫法：

復(fù)制代碼

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 盐津县| 察哈| 茂名市| 盐山县| 新营市| 德化县| 年辖：市辖区| 科技| 崇义县| 金川县| 论坛| 宁远县| 长宁区| 曲阳县| 察隅县| 潍坊市| 静海县| 紫阳县| 昭平县| 建平县| 思南县| 新竹市| 洪江市| 黔江区| 富源县| 集安市| 阿拉善右旗| 安义县| 雷州市| 云和县| 上杭县| 庆安县| 寻乌县| 安泽县| 哈巴河县| 洛隆县| 秭归县| 盐城市| 泸州市| 青冈县| 上虞市|