在我們日常的網頁中，尤其是新聞類的網頁會遇到許多類似於這樣的樣式 多行甚至單行的文本隱藏+上省略號標題。 解決這一辦法，需要利用css的樣式進行改變 如下代碼的演示： 單行文本隱藏: 多行文本隱藏： 主要知識點： 1、單行文本隱藏省略：文本不能換行、超出部分隱藏、超出部分省略 2、多行文本隱藏省略： ...
在我們日常的網頁中，尤其是新聞類的網頁會遇到許多類似於這樣的樣式
多行甚至單行的文本隱藏+上省略號標題。
解決這一辦法，需要利用css的樣式進行改變
如下代碼的演示：
單行文本隱藏:
多行文本隱藏：
主要知識點：
1、單行文本隱藏省略：文本不能換行、超出部分隱藏、超出部分省略
2、多行文本隱藏省略：需要利用display改變標簽的屬性，使其變為彈性盒子並垂直排序、保留對應的行數、最後將超出部分進行隱藏
