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

admin9个月前建站技巧673

可以使用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 + 乌班图安装方法:宝塔面板安装使用教程:说明一下:...

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

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

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

html -- pre标签内容自动换行CSS纯净代码?

html -- pre标签内容自动换行CSS纯净代码?

在一些特殊的排版中,我们期望显示的内容能够和代码里的格式展示的一致。但是如果长度太长的话可以自动化行,而pre标签默认是不给换行的。代码如下:<template>  <di...

使用Forsaken Mail搭建临时邮箱教程

使用Forsaken Mail搭建临时邮箱教程

环境:centos-7.5.1804LINUX面板:https://www.appnode.com/临时邮箱软件:Forsaken Mail安装Node.js1、装好APPNode面板,在软件管家里面...

易优瀑布流分页列表(arcpagelist)

易优瀑布流分页列表(arcpagelist)

arcpagelist 瀑布流分页列表(配合arclist标签可实现ajax瀑布流分页) [基础用法]名称:arcpagelist功能:实现无刷新瀑布流分页,可适用于列表分页,与区域块的列表...

易优apiAdv标签用法

易优apiAdv标签用法

【基础用法】名称:apiAdv 功能:获取广告列表内容。语法:  参数:pid='' 广告位置IDlimit='起始ID,记录数' (起始...

发表评论    

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