多行文本垂直居中、顯示省略號問題

一、文本垂直居中

    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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章