HTML超出文本显示省略号...通过text-overflow实现_H-自学php网

主页 > 前端 > html教程 >

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

来源：自学PHP网时间：2014-12-15 15:58 作者：阅读:次

[导读] HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法，其实很简单通过text-overflow便可实现，有需要的朋友可以参考下本文...

HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法，其实很简单通过text-overflow便可实现，有需要的朋友可以参考下本文

需要对div或者span同时应用Css：

复制代码

代码如下:

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;

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

html中块注释的使用详细介绍_HTML/Xhtml_网页制作

DIV常用属性大全自己整理_HTML/Xhtml_网页制作

最新评论

加载更多~~

添加评论

更多文章推荐

Content-type的说明即HTTP请求头的类型整理_HTML/Xht 2014-12-15
select不支持双击dbclick事件_HTML/Xhtml_网页制作 2014-12-15
HTML教程:收集的常用的HTML标签(4)_HTML/Xhtml_网页制 2014-12-15
网页收藏夹显示ICO图标代码 2015-08-04
HTML表格标记教程(12):边框样式属性FRAME_HTML/Xhtml 2014-12-15
关于canvas.toDataURL 在iOS运行失败的问题解决 2020-09-16
html 自定义标签使用实现方法_HTML/Xhtml_网页制作 2014-12-15
网页中flash wmode属性你会用吗？_HTML/Xhtml_网页制作 2014-12-15
td单元格合并时 td宽度问题_HTML/Xhtml_网页制作 2014-12-15
HTML教程－脚本 2014-10-05

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论