文档章节

CSS 超出宽度显示省略号

0000001
 0000001
发布于 2014/06/15 21:26
字数 47
阅读 307
收藏 18

<h2><a>title</a></h2>

h2{ width:120px; line-height:18px; font-size:12px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
关键作用是以下三个属性: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

© 著作权归作者所有

共有 人打赏支持
上一篇: scroll
0000001
粉丝 35
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
私信 提问
CSS实现单行、多行文本溢出显示省略号(…)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: overflow: hidden;text-overflow:ellipsis;white-...

ForingY
2015/10/28
0
0
css3文本溢出显示控制

1.单行文本溢出显示省略号(…) 设置元素为块级元素display:block,设置元素宽度width,设置overflow:hidden,设置文本溢出显示状态text-overflow:ellipsis; white-space是否在容器边界换行,n...

w-rain
2016/01/08
194
0
【CSS】多行文本超出部分省略号

多行文本超出部分用省略号代替: HTML CSS -webkit-line-clamp 是一个不规范属性。 它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的...

滑滑兔
09/15
0
0
css--两行显示省略号兼容火狐浏览器

1.固定的宽度,强制不换行,超出隐藏,显示省略号 2.火狐下不兼容: 兼容做法: 3. 将height设置为line-height的整数倍,防止超出的文字露出。 给p::after添加渐变背景可避免文字只显示一半。...

小黑202
07/23
0
0
easyui datagrid 单元格内文本超出长度显示省略号

easyui datagrid 单元格实现溢出文本显示省略号效果: 方案一:css方案,超出部分省略号 方案二:js方案,鼠标悬停显示全部内容

荆瑶
2016/10/30
36
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS 安装PHP5和PHP7

安装PHP5 下载解压二进制包 [root@test-a src]# cd /usr/local/src/[root@test-a src]# wget http://cn2.php.net/distributions/php-5.6.32.tar.bz2[root@test-a src]# tar jxvf php-5.6......

野雪球
今天
4
0
windows上类似dnsmasq的软件Dual DHCP DNS Server

官网地址:http://dhcp-dns-server.sourceforge.net/官网定向的下载地址:https://sourceforge.net/projects/dhcp-dns-server/files/ 设置参考地址:http://blog.51cto.com/zhukeqiang/18264......

xueyuse0012
今天
3
0
LinkedHashMap源码解析

前言 HashMap中的元素时无序的,也就是说遍历HashMap的时候,顺序和放入的顺序是不一样的。 如果需要有序的Map,就可以采用LinkedHashMap. LinkedHashMap通过维护一个包含所有元素的双向链表,...

grace_233
今天
3
0
初识flask

文档 0.10.1版本 http://www.pythondoc.com/flask/index.html 1.0.2版本 https://dormousehole.readthedocs.io/en/latest/ 安装flask $ pip3 install flaskCollecting flask Downloading......

yimingkeji
昨天
5
0
Akka系统《sixteen》译

Actor是一个封装状态(state)和行为(behavior)的对象,它们只通过交换消息通信(放入收件人邮箱的邮件)。从某种意义上说,Actor是最严格的面向对象编程形式,但它更适合将他们视为人:在与Act...

woshixin
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部