微信扫一扫看面试题

关注面试题库

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

第一种仅支持单行省略:

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;
posted @   web前端面试小助手  阅读(88)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示