ivy吖

关注

css文本多行省略

ivy吖

关注

阅读 108

2022-02-22

上面是多行文本,我们想要它最多显示两行,多的话用省略号替换,添加下面的样式就行,如下

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

即如下

添加后效果如下

 

看,可以。

 

相关推荐

诗与泡面

页面中文本多行省略号点击展开的方法

诗与泡面 76 0 0

丹柯yx

文本单行省略号+多行出现省略号

丹柯yx 125 0 0

追风骚年

css中多行省略号不生效的问题?

追风骚年 45 0 0

程序员阿狸

Python实现文本多行输入

程序员阿狸 84 0 0

云岭逸人

CSS实现多行文本变省略号

云岭逸人 74 0 0

夏沐沐

用 css 或 js 实现多行文本溢出省略

夏沐沐 99 0 0

Mhhao

css控制文本超出省略(单行、两行、多行)

Mhhao 61 0 0

金穗_ec4b

CSS实现强制换行、行省略、一行半

金穗_ec4b 18 0 0

Raow1

纯css实现文本内容单行/多行溢出显示省略号

Raow1 109 0 0

月孛星君

多行元素的文本省略号

月孛星君 85 0 0

精彩评论(0)

0 0 举报