HTML超出文本显示省略号...通过text-overflow实现
发布时间：2013-09-06 18:43:25 作者：佚名 
我要评论
我要评论HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法，其实很简单通过text-overflow便可实现，有需要的朋友可以参考下本文
需要对div或者span同时应用Css：
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度，超出了宽度才会显示。
复制代码
代码如下:text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度，超出了宽度才会显示。
相关文章
本文给大家分享html文本溢出显示省略字符的两种常用解决方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-04-09- css技巧 清除多余的标签让代码更加有意义.2009-12-08
这篇文章主要介绍了html中把多余文字转化为省略号的实现方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-30
最新评论