一、文本垂直居中
1.一行文本、如果元素有高度:
height:40px;
line-height:40px;
2.n行文本 垂直居中
display: flex;
align-items:center;
justify-content: left;//文字居中方式 我設置的居左
這個是我本人的,前端技術QQ交流羣,有不會的問題,可以在在羣裏面問:
二、超出顯示省略號(...)
1.一行文本、超出一行顯示省略號(...)
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2.n行文本超出顯示省略號(...)
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:n; //n >=2