css设置当字数超过限制后以省略号(...)表示

1、当文字超过一行后用text-overflow:ellipsis


2、当多行文本溢出时,


css设置当字数超过限制后以省略号(...)表示_第1张图片

注:

            ①-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:

            ②display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。

            ③-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 

你可能感兴趣的:(css设置当字数超过限制后以省略号(...)表示)