閱讀目錄

本文翻譯自CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS,文中某些部分有些許改動(dòng),并添加譯者的一些感想,請(qǐng)各位讀者諒解。

合理的截?cái)喽嘈形谋臼羌蝗菀椎氖虑?,我們通常采用幾種方法解決:

  • overflow: hidden直接隱藏多余的文本

  • text-overflow: ellipsis只適用于單行文本的處理

  • 各種比較脆弱的javascript實(shí)現(xiàn)。之所以說這種實(shí)現(xiàn)比較脆弱是由于需要文本長(zhǎng)度的變化時(shí)刻得到回流(relayout)后的布局信息,如寬度

網(wǎng)友評(píng)論