div+css显示两行或三行文字

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //需要控制的文本行数
overflow: hidden;

适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端。

posted on 2017-12-07 11:10 WFaceBoss 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/wfaceboss/p/7998165.html

div+css显示两行或三行文字相关推荐

css实现div盒子内显示两行或三行，超出部分用省略号显示
1.div盒子内显示一行,超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 2.div盒子显示两行或 ...
【html css】DIV+CSS如何让图片和文字在同一行
[html css]DIV+CSS如何让图片和文字在同一行前端react项目要写一个图标放在标题后面. 在div+css布局中,如果一行(或一个DIV)内容中有图片和文字的话,图片和文字往往会一个在 ...
Html字母变大的代码,css鼠标选中字体变大 div css鼠标悬停超链接的文字变大
css鼠标选中字体变大 css鼠标悬停超链接的文字变大 CSS布局鼠标悬停在超链接上字体变大,css实现鼠标经过锚文本文字时改变字体大小篇. 实现这一效果需要的是:hover伪类设置需要字体. 鼠标选 ...
html语言字体上下滚动代码,div+css+jquery公告栏垂直(上下)文字单行滚动特效代码（三种样式）...
网站公告栏一般采用滚动形式,随着jquery的出现,特效做起来更加简单,所以目前大多数网站都有自己的公告栏目,采用文字滚动的形式,今天来分享几个垂直公告文字滚动特效,分别是全面版,常用版,以及极简版! ...
css 实现div内显示一行、两行或三行，超出部分用省略号显示
一.div内显示一行,超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 二.div内显示两行或三行, ...
css 实现div内显示固定三行，超出部分用省略号显示
css 实现div内显示两行或三行,超出部分用省略号显示一.div内显示一行,超出部分用省略号显示 white-space: nowrap;overflow: hidden;text-overflo ...
html点击文字展开图片,DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现.CSS实现鼠标悬停放图片上方时显示美化内容. 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景 ...
div css每行文字显示一半同时文字字体重叠显示不全解决方法
CSS DIV布局中出现单行或多行文字的每行文字内容不能显示全,上下行文字有一点点重叠现象,文字字体只显示一半解决方法,在低版本IE特别明显文字字体显示不全,在谷歌浏览器等高版本IE浏览器测试还好些. ...
html文字段落缩进,CSS text-indent段落首行文字缩进分享
DIV CSS text-indent段落首行文字缩进,CSS段首缩进,可控制缩进距离样式教程篇让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式. .div ...

div+css显示两行或三行文字

div+css显示两行或三行文字相关推荐

最新文章

热门文章