CSS 文本超出隐藏,并显示省略号

admin7个月前建站技巧533

可以使用overflow:hidden;来把超出的部分隐藏,
使用text-overflow:ellipsis;当文本对象溢出是显示为省略号。

以下是可直接使用的代码:
//超出一行省略号

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


//超出两行省略号

text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;


相关文章

免费版Nginx防火墙

免费版Nginx防火墙

应用名称:免费版Nginx防火墙价格:免费作者:明国三年一场雨功能介绍:有效防止sql注入/xss/一句话木马等常见渗透攻击支持版本:Centos + 乌班图安装方法:宝塔面板安装使用教程:说明一下:...

监控域名价格和可用性查询大汇总

监控域名价格和可用性查询大汇总

域名价格监控及可用性查询网站大汇总书签压箱货全公布本帖致力于解决:域名哪里注册便宜?域名哪里续费便宜?这个域名的其他后缀有哪些?这个域名的其他后缀还有哪些未注册?等疑难杂症。本帖所指的的【可用性】即【...

关于网站建设的十个策划小技巧

关于网站建设的十个策划小技巧

好多站长在网站建设的时候往往既要考虑的网站的整体美观度,同时还要考虑到网站的实用性和营销作用,那么在这方面都有什么小技巧吗,或者有什么要注意的吗,原创小编今天就为大家整理了十条关于网站建设的实用小技巧...

易优apiArclist 自由文档列表使用方法

易优apiArclist 自由文档列表使用方法

apiArclist 自由文档列表 [基础用法]名称:apiArclist功能:获取系统主从表模型(如:文章、软件、图集、产品等)的一列文档,也称自由列表块标记。语法:参数:typeid=&...

常用CSS代码大全

常用CSS代码大全

一.文本设置   1、font-size:字号参数   2、font-style:字体格式   3、font-weight:字体粗细   4、颜色属性 ...

一行代码解决:纯CSS实现目录自动编号

一行代码解决:纯CSS实现目录自动编号

在css中list-style-type属性可以用于控制列表项显示符号的类型none:无标记。disc:默认。标记是实心圆。circle:标记是空心圆。square:标记是实心方块。decimal:标...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。