0
点赞
收藏
分享

微信扫一扫

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

丹柯yx 2022-06-30 阅读 125
前端开发

第一种仅支持单行省略:

width:value;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

第二种支持多行省略:

width:value;
overflow : hidden;
text-overflow: ellipsis;

/* display:box主要是控制父容器里面子元素的排列方式 */
display: -webkit-box;
/* 实现限制文字显示多行,多余的用... */
-webkit-line-clamp: 2;
/* 属性规定框的子元素应该被水平或垂直排列。 */
-webkit-box-orient: vertical;


举报

相关推荐

0 条评论