多行上的 CSS 溢出省略号
问题
CSS 属性允许使用省略号隐藏溢出文本(“...” ) 位于该行的末尾。但是,此功能仅限于单行。目标是将这种行为扩展到多行文本。
解决方案
虽然 CSS 无法实现这一点,但 jQuery 插件提供了一个解决方案。以下是推荐列表插件:
- http://pvdspek.github.com/jquery.autoellipsis/
- http://dotdotdot.frebsite.nl/
- http://keith-wood.name/more.html
- http://github.com/tbasse/jquery-truncate
性能注意事项
选择插件时考虑性能测试。以下是一些用于性能评估的资源:
- [性能比较](https://code.google.com/archive/p/jquery-text-overflow/)
- [ Ellipsify 性能测试](https://ellis.ninjs.in/performance)
以上是如何在 CSS 中使用省略号创建多行文本溢出?的详细内容。更多信息请关注PHP中文网其他相关文章!