`
Cloud.Ryan
  • 浏览: 6010 次
  • 性别: 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中的代码部分拷贝过去即可

    很可爱的两行两列布局XHTML+CSS模板

    《构建两行两列布局:XHTML+CSS模板解析与应用》 在Web设计领域,XHTML(Extensible Hypertext Markup Language)与CSS(Cascading Style Sheets)的结合使用是实现网页布局的重要手段。本篇文章将围绕"很可爱的两...

    js css实现LCD数字显示

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

    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页面的...

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

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

    css 打印不显示

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

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

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

    CSS鼠标移上去显示大图

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

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

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

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

    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 24.0px; font: 12.0px 'Heiti SC Light'; color: #323333} ... 1、将index.html 中的CSS样式拷贝过去 2、将body中的代码部分拷贝过去即可

    css3延迟放大显示

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

    CSS自定义鼠标显示的形状

    CSS自定义鼠标显示的形状,CSS自定义鼠标显示的形状

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

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

    hbuilder css格式化css为单行代码

    标题中的“HBuilder CSS格式化CSS为单行代码”指的是使用HBuilder这款强大的前端开发工具进行CSS代码格式化的特定操作。HBuilder是由DCloud(数字天堂)开发的一款全功能的前端开发IDE,它集成了多种便捷的功能,如...

    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