...

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浏览器，这种 ...