多行文本省略解決辦法 純css

目前單行文本省略的通用辦法css { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 多行文本能夠嘗試採用如下方法，點擊這裏能夠查看效果 以下圖所示： 綠色部分是咱們的文本域，在它的左側，設置一個紅色區域做爲標尺域，紫色部分是咱們的監測域，區域劃分完畢，接下來咱們說一下這個方法的實現原理，以及每部分的代碼設定

>>阅读原文<<