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

所属分类：网页制作 / HTML/Xhtml 阅读数： 199

收藏 0赞 0分享

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

复制代码

代码如下:

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

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

更多精彩内容其他人还在看

html a 链接标签title属性换行鼠标悬停提示内容的换行效果

a链接标签内title属性鼠标悬停提示内容有换行效果，该怎么实现呢？下面由两种不错的方法，大家不妨参考下，希望对大家有所帮助

收藏 0赞 0分享

在HTML中引入CSS的几种方式介绍

在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式，下面针对这几种不同的引入方式给予了使用建议，比较迷惑的朋友可以参考下

收藏 0赞 0分享

html area图片热点的使用介绍附相关属性一览表

area标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面，具体使用如下，不会的朋友可以参考下

收藏 0赞 0分享

关于label和span设置width无效问题解决方法

大家可能不知道默认情况下label、span 设置width 是无效的，只有当display:block时，我们所设置的width才有效果，下面有个不错的示例，大家可以感受下

收藏 0赞 0分享

通过href简单实现点击a链接跳到页面中指定的地方

当点击a标签后，要使其跳到页面里面相应的地方，方法很简单，a标签里面href属性便可轻松做到，将href中的内容和你要跳到这个区域的id同名即可，需要的朋友可以参考下

收藏 0赞 0分享

HTML checkbox 点击说明文字即可选择/取消勾选状态

由于checkbox比较小用户操作起来不是很方便，下面就为大家实现下让用户点击说明文字时即可实现选择/勾选 checkbox，感兴趣的朋友可以参考下

收藏 0赞 0分享

按回车表单自动提交问题意外发现

在name输入框中按回车时，表单就会提交。而且表单中没有submit按钮的，经搜索发现如果表单中只有一个文本框，那么按回车时，就会提交表单，感兴趣的朋友可以了解下

收藏 0赞 0分享

html中块注释的使用详细介绍

因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。块注释的使用感兴趣的朋友可以参考下

收藏 0赞 0分享