04 2013 档案

如何仅通过CSS实现多行文本超长自动省略号
摘要：在CSS中，我们可以通过下面的样式实现DIV元素中文本超长后自动截断并以省略号结尾：overflow: hidden;word-break: normal;text-overflow: ellipsis; text-overflow: ellipsis是实现文本截断后以省略号结尾的关键样式，但问题是如果添加该样式则DIV元素内的文本无法自动换行，也就是说该效果只被允许在单行文本上实现。另外，word-break: normal可以防止文字被部分截断，这个在内容为英文的情况下显得尤其重要。 要实现多行文本自动截断以省略号结尾的效果，通常的做法是使用JavaScript脚本。下面这些文章给... 阅读全文
posted @ 2013-04-03 04:46 Jaxu 阅读(14010) 评论(9) 推荐(0) 编辑

点击右上角即可分享
微信分享提示