`
Cloud.Ryan
  • 浏览: 6074 次
  • 性别: 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页面的...

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

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

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

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

    css 打印不显示

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

    css3延迟放大显示

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

    CSS自定义鼠标显示的形状

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

    判断文字超过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: ...

    点击缩略图,显示大图片(用层显示)JS+CSS

    这种效果可以通过JavaScript和CSS结合来完成,提供用户友好的浏览体验。下面我们将详细探讨如何利用这两种技术来实现这个功能。 首先,我们需要准备两部分资源:HTML结构和样式(CSS)以及交互逻辑(JavaScript)。...

    pycharm中显示CSS提示的知识点总结

    我们用pycharm写CSS的时候,是不是苦于没有提示,那么pycharm中如何显示CSS提示呢?下面小编给大家分享一下。 首先点击左上角的file菜单,选择Setting 接着选择Editor下面的Inspections选项,如下图所示 然后在...

Global site tag (gtag.js) - Google Analytics