是波波呀

关注

CSS 中最多显示 2 行文字

是波波呀

关注

阅读 43

2023-11-17

.box {

   overflow: hidden;

   text-overflow: ellipsis;

 // 只要超过宽度就换行,不论中文还是英文

   word-break: break-all;

//最多展示两行

   display: -webkit-box;

   -webkit-box-orient: vertical;

   -webkit-line-clamp: 2;

//根据样式设置

   line-height: 1.2em;

   max-height: 2.4em;

}


相关推荐

东言肆语

单行文字溢出省略号显示,多行文字溢出省略号显示

东言肆语 107 0 0

飞进科技

css 单行/多行文字超出区域隐藏

飞进科技 75 0 0

J简文

单元tb格居中显示换行文字的span

J简文 57 0 0

代码敲到深夜

用js和css实现一行一行文字交替显示

代码敲到深夜 7 0 0

苦茶如歌

CSS多行文字超出隐藏加省略号

苦茶如歌 115 0 0

DT_M

textview多行文字展开和收起至2行

DT_M 63 0 0

我是小瘦子哟

只有某行文字间距较大

我是小瘦子哟 73 0 0

把平平凡凡的生活过成诗与远方

代码记录-css文字溢出显示省略号

把平平凡凡的生活过成诗与远方 42 0 0

杰森wang

css设置文字多余部分显示省略号

杰森wang 100 0 0

陌岛

HTML+JavaScript+CSS实现文字逐行显示特效

陌岛 32 0 0

精彩评论(0)

0 0 举报