Css单行省略号
.ellipsis {
white-space: nowrap; /* 不换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 显示省略号 */
}
Css多行省略号
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
Flex布局导致省略号无效
.content{display:flex}
.content .left{width:200rpx}
.content .right{flex: 1; min-width: 0;}
.content .right .title{
line-height: 38rpx;
height:38rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
免费教程
生活高低起伏,谁都免不了会遇到一些不顺心的事。真正强大的人,可以在面对复杂情况时稳住情绪,做到临危不乱,积极寻求解决问题的方法。
0
本文标签:
5.00