css样式显示省略号自定义宽度超过隐藏显示省略标记
发布时间：2014-04-18 14:54:49 作者：佚名 
我要评论
我要评论这篇文章主要介绍了css样式怎么显示省略号，即当超过自定义宽度时隐藏显示省略标记，比较实用，需要的朋友可以参考下
用css样式显示省略号，记
.xx{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
效果图
复制代码
代码如下:.xx{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
效果图
相关文章
- 下面小编就为大家带来一篇CSS文本超出指定宽度后隐藏并显示为省略号的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-24
- 这篇文章主要介绍了如何利用css的样式对文本进行隐藏和显示等操作，需要的朋友可以参考下2014-05-08
- css样式，想必很多从事网页布局的朋友对它很熟悉吧，常见的用法就不说了，本文主要为大家介绍下css样式的零碎用法包括样式的动态添加及样式的显示和隐藏等等，喜欢的朋友可2014-04-01
- 显示隐藏一个div特效的方法有很多，下为大家介绍下使用纯css3是如何实现的，感兴趣的朋友可以参考下2014-02-10
- 文字的显示和隐藏，在某些时候还是比较实用的，可能对于初学者有些难度，下面为大家简单介绍下具体的实现，感兴趣的朋友可以参考下2013-08-18
- 随着CSS3的发布，国外研究正如火如荼，但在国内还有很多人抱着IE不支持CSS3的想法，始终无动于衷不肯去学习。2010-12-18
从A页面连接到B页面后并直接把B页面的隐藏层显示-CSS教程-网页制作-网
这个效果实现的是，在B页面里有两个层，一个显示层，我们暂定名c层，一个是隐藏层，我们暂定名d层，单独进B页面的时候，c层显示，d层隐藏，然而从A页面连接到B页面的时2008-10-17- 本文给大家介绍了css实现隐藏和显示功能的实例代码，代码简单易懂，非常不错，具有参考借鉴价值，有需要的朋友可以参考下2016-07-01
最新评论