首页

源码搜藏网

首页 > 开发教程 > html教程 >

HTML超出文本显示省略号...通过text-overflow实现

创建时间:2014-06-05 19:26  

点评:HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法,其实很简单通过text-overflow便可实现,有需要的朋友可以参考下本文 需要对div或者span同时应用Css:

复制代码代码如下:
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;

即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度,超出了宽度才会显示。
上一篇:html中块注释的使用详细介绍
下一篇:DIV常用属性大全自己整理

相关内容

热门推荐