...

HTML代碼： CSS樣式表： JQuery 代碼： ...

廢話不多說，直接上代碼。 只顯示一行 固定高度 方法一： 方法二（推薦）： ...

多行一出隱藏 ...

第一種寫法 第二種寫法 ...

首先需要設置寬 white-space: nowrap;// 文字不換行 overflow: hidden;// 超出隱藏 text-overflow: ellipsis; 實現移入后正常顯示的可以加:hover overflow ...

未做隱藏處理 執行結果： 1、1行超出部分省略號 效果： 2、多行超出部分隱藏（目前只能在chrome瀏覽器中使用，其他瀏覽器不兼容） 　　 效果 ...

網上很多的解決方法是針對一行超出部分，隱藏並顯示省略號的，代碼如下： overflow:hidden; white-space:norwrap; text-overflow:hidden; 針對webkit瀏覽器，多行顯示時可以通過以下css代碼實現，但對於非webkit瀏覽器，這種 ...