当前位置:首页 > 开发教程 > html教程 >

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

时间:2014-06-05 19:26 来源: 作者: 收藏

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

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

即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度,超出了宽度才会显示。

html教程阅读排行

最新文章