CSS一行显示，显示不下的用省略号显示

.abc{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}

复制上面代码即可。

转载于:https://www.cnblogs.com/phpyangbo/p/11304070.html

CSS一行显示，显示不下的用省略号显示相关推荐

html不换行溢出省略号代替,css控制不溢出,不换行,溢出部分省略号显示
css控制不溢出,不换行,溢出部分省略号显示:white-space:nowrap;text-overflow:ellipsis;overflow:hidden; ext-overflow 取值: c ...
css使用三个属性设置文本结尾省略号显示
三个css属性设置文本内容超出部分,省略号显示文章目录前言一.三个属性二.属性使用三.使用总结前言本篇文章主要记录了css样式设置文本超出部分省略号显示,适用于input标签和普通标签 ...
css限制一行显示，溢出隐藏，并省略号显示
实现文字一行显示,超出省略号显示实现规则:限制宽高,然后再添加下面三行代码即可 overflow: hidden;//溢出隐藏text-overflow: ellipsis;//超出省略号显示whi ...
Flex布局下,文字超出省略号显示无效解决方案
默认的flex布局下的标题文字超出后省略号显示无效解决办法: 在flex:1的盒子中,设置overflow: hidden; 或 width: 0;即可. <div class=" ...
css 实现超出两行、多行文字省略号显示
在我们日常使用文字超出省略号显示,一般使用下面的方式实现,但是当有需求需要实现两行乃至多行时,该怎么实现呢. 单行省略: overflow: hidden; text-overflow: ellips ...
【CSS用法】css限制一行文字数量，超出部分用省略号显示
为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字.这在列表条目,题目,名称等地方常用到. CSS代码: text-overflow:ellipsis; // 用省略号 ove ...
ie浏览器框架不显示_thinkphp框架下后台验证码不显示
刚刚在搭建网站遇到thinkphp框架下一个网站后台验证码无法显示,经过百度,谷歌研究,最后群求官方帮助文件发现是输出之前是否有任何的输出(尤其是UTF8的BOM头信息输出):(打开验证码文件为乱码 ...
linux分屏方式显示2015,Linux下的分屏显示
首先解释一下我们这里的"分屏显示":指两个或四个显示器共同显示一个X-window的内容,而不是每个显示器都完整的显示一个X-window的内容(readme文件有描述,称为 MU ...
linux 字体显示更清晰,Fedora下使中文字体显示变得更清晰
前几天装了Fedora还是同样的老毛病,字体显示不清楚.系统中的字体其实还好,免强可以接受,可是用Firefox 上网就完全让人爱不了.中文字体显示都变得很模糊,看一会,眼晴都受不了. 在网上找了一大 ...

CSS一行显示，显示不下的用省略号显示

CSS一行显示，显示不下的用省略号显示相关推荐

最新文章

热门文章