`
Cloud.Ryan
  • 浏览: 6087 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

css 只能显示两行 超过显示点点点

    博客分类:
  • css
 
阅读更多
css 可以做到:
.p1{
text-align: center;
color:#C8CFD6;
height:34px;
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
分享到:
评论

相关推荐

    兼容性良好的css3点点点loading动画提交效果.zip

    效果描述: 类似loading动画效果,当用户在点击提交表单的时候,文字后面的点点点会以此出现 模仿一个loading动画效果,非常不错 ...1、将index.html 中的CSS样式拷贝过去 2、将body中的代码部分拷贝过去即可

    jquery+css3渐变显示“更多”隐藏内容

    标题中的“jquery+css3渐变显示“更多”隐藏内容”指的是使用JavaScript库jQuery和CSS3的过渡效果来实现一种动态展示隐藏文本的功能。当用户点击“更多”按钮时,原本被隐藏的文字会逐渐显现出来,给用户带来平滑的...

    CSS控制超出范围显示引号.txt

    CSS控制超出范围显示引号,CSS控制超出范围显示引号,CSS控制超出范围显示引号,CSS控制超出范围显示引号,CSS控制超出范围显示引号

    js css实现LCD数字显示

    "js css实现LCD数字显示"这个主题涉及到如何使用JavaScript(js)和层叠样式表(CSS)技术来模拟LCD液晶显示屏上的数字显示效果。液晶显示器(LCD)数字通常用于各种设备,如时钟、仪表盘或简单的用户界面,它们以...

    CSS 省略号 完美解决 鼠标放上显示不能看部分的内容

    CSS 省略号 完美解决 鼠标放上显示不能看部分的内容

    css3实现多个元素依次显示效果

    对于多个元素依次显示的效果,可以采用相同的方法,只需为每个元素设置不同的动画延时(animation-delay)。例如,第一个元素的动画延迟设置为0秒,第二个元素的动画延迟设置为1秒,以此类推。这样,当第一个元素...

    css3 transform 14种侧边栏导航的隐藏和显示动画效果

    在本文中,我们将深入探讨如何使用CSS3的`transform`属性来实现14种不同的侧边栏导航隐藏和显示的动画效果。这些效果对于优化移动设备和其他小屏幕设备的用户体验至关重要,因为它们允许用户轻松地访问和隐藏导航...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    CSS3高亮显示.zip

    在“CSS3高亮显示.zip”这个压缩包中,包含的是关于如何使用CSS3来实现文字高亮和发光特效的知识。下面将详细阐述相关知识点。 首先,我们来看“heightLine.css”文件,这通常是一个CSS样式表,用于控制HTML页面的...

    css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局

     原本不是圆形图片,通过CSS样式布局实现成圆形图片,首先图片必须为正方形。  二、使用布局技术  使用CSS3 圆角技术实现。  使用CSS3样式单词:border-radius  语法:  div{border-radius:5px}  对图片设置...

    led数字样式css,html显示led数字

    在前端开发中,LED数字样式通常用于创建模拟电子显示屏效果,比如时钟、计数器或者仪表盘等。LED数字的样式主要通过CSS(层叠样式表)来实现,配合HTML(超文本标记语言)来展示。下面我们将深入探讨如何在HTML中...

    css 打印不显示

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现方式的语言,它在屏幕显示上起到了至关重要的作用。然而,当涉及到打印网页时,有时可能会遇到CSS不显示的问题,这使得打印出来的页面样式与...

    CSS鼠标移上去显示大图

    在本案例中,“CSS鼠标移上去显示大图”是指通过CSS实现了一个交互效果:当鼠标悬停在小图片上时,会显示一个放大版的大图。这种功能常见于产品展示、相册浏览等场景,可以提升用户体验,让用户更清晰地查看细节。 ...

    CSS控制让每行显示4个图片的样式

    "CSS控制让每行显示4个图片的样式"是一种常见的布局需求,这通常用于产品展示、画廊或者其他需要整齐排列元素的场景。下面我们将详细讲解如何使用CSS来实现这一效果。 首先,我们需要明白CSS中的`float`属性。`...

    css3延迟放大显示

    在网页设计领域,CSS3(层叠样式表第三版)为开发者提供了许多强大的新特性,其中之一就是"延迟放大显示"效果。这个效果通常用于创建视觉吸引力,使元素在页面加载时逐渐显现,增加用户的交互体验。本文将深入探讨...

    纯CSS3实现DIV高亮显示特效

    "纯CSS3实现DIV高亮显示特效"是一种技术,它利用CSS3的特性,无需依赖JavaScript或图像,就能创建出吸引人的高亮效果。这篇文章将深入探讨如何使用CSS3来实现这一效果。 首先,我们要了解CSS3的一些基本概念。CSS3...

    判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号

    总之,实现“判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号”的功能,需要结合CSS的溢出省略策略与JavaScript的动态交互处理。通过这样的方式,我们可以为用户提供更好的阅读体验,同时保持界面...

    html+css+js 网页上动态显示时间XX:XX:XX

    在`css.css`文件中,我们可以定义样式,使时间显示更加美观。例如,我们可以设置字体、颜色和位置: ```css #clock { font-size: 24px; color: #333; position: absolute; top: 50%; left: 50%; transform: ...

Global site tag (gtag.js) - Google Analytics