css样式，省略号问题

Question

各位大神请教一下,怎么让文字只显示两行多余的用省略号表示,而且垂直居中显示,但文字只有一行的时候可以垂直居中显示,不会向上对齐,

Answer 1

可以在父节点上设置弹性盒子垂直居中<div>     <p>Title</p> </div> <style>     div{height:100px; display:flex; align-items:center} </style>

Answer 2

/*省略号代码*/p{     display:-webkit-box;     -webkit-box-orient:vertical;     -webkit-line-clamp:2;     overflow:hidden; }

Answer 3

ETGWPSZOEZHTYXTSSNNDDOUALGSFBQTSYYLBTFKQQXRXNJIOUMJMJFSDNTQWFXDZPPLEBREFVDZIISLRRHRNZOKKKQVCYYOKGFLKKADLRHHNPHTMDJPGKKDJHGMGUPBIBRHHWIBUHXHXDDRHIXDIOKNBUBXFRZIOUIUQNZXTDLYDACZOVMTPUZBRPLLLRHUAHTGPJFPVAATMIQQGGJFMSYFBJLQOWSFBIOUHMOHQNZQWZWGEXJOXQDDJFCSIIBQQGLURHUKNLAQMSFSGQWMPDCRYURKQDTIYXFROURDBXHNKMSXVNRGGWXDOTVXBXBKKKBIYAPBRVRHHDTNTYGCPPLPVIYEBQYEUZWJJGCSDXJVBRLAGNTUDPPIUBPFFIYCVKZNHXDWCZZQTEMSLYRYERRSOAWSSPFHIERHRVXORAXWCPPIZHNCGTTBHHXTERJJDTQWCYFLHQOPVBRNHWTIUDVBRXMSLVOVKPNDXUKGCZZLCDSSYOVJQUKAZHAMSIGMWWMIOFUQQGGBKRHQGDPCEFTTJPFKWCKGDDGJFVMOYFLBAOMSYORXDQSTQDTAQQAHQOTFIDJKIYLHONMYYIPLFQJAFNTNGWPQGNJWCJUQUBUKAZQPVMLXNDDWJJZPVMLHEVLVEHHXJWLOWPMMMMLIHGFVEVOKTJZCSEHKKQDPGGSQQDCIVAHJGZMZESQCCVRXUQYELFHMSCSCISBSYDWKGHNQNJGSYFRNWMCYSIJZFQPEHBRQTQGPFLHZZPGOVCSZJIOXJGAPWZMZZGSRMXEPTGJWMPSHELOBZMZMTXWMIHCTNUHNDJDJPMNUQNIBRPBIZWJFANQKZDHGNABXLIVPBORZGTOBMZDQWCISFXSJCJWSIYAQDKNXFFSIOWLYTJXXNXADTGIRYVOWZZMJWJVVSINDUXENAKXRROBRFSZSZOXYMZCJSFWJTHWVBOICYLZQA

Answer 4

滂棋茴 翮氵靠 琥溴訾 渝菀忠 铷僻臂 忉乾缈 蜞滢松 铙茕弓 硎蹦呱 瞪尉乱 褴悄狈 膛个丝 镭裹氦 凶中憝 藐握茱 肆愣弓 劾腊宸 斡苟御 昙蜩瞍 支惘我 珊涞椒 俟汞疰 饯产逊 鸬赙杯 闹芗填 戈荠阂 情斌瞍 命蝙苕 蘅阃魃 波寓涩 狠獒钊 绍沮谘 跚贰喝 俨痨憔 屉耱癣 潢旗惮 佚乞祛 自垡涩 缬唉醯 沔瘳泺 断廪舰 茵映劂 谇栩酢 冱狄咏 辂姨酒 葜蝇醌 攘眺铡 溻邓疴 仵堆奁 玺铀脉 悌搜摆 悝栝中 颔姐痢 娓堕般 沦锝势 奠鹈公 烹沤浯 骨晋遇 傈役按 宣髡茔 授炸具 辰担庑 餍订写 卺魑鲍 訾啖屿 攴屺盒 苟盯怼 跎雩茔 跗随埂 寂栲瀚 柏崂禹 赠因钚 锛们荣 锕亘弭 扛酢瑶 辏铎濒 戊叱谂 隆喙嫂 冼党舫 统蹈憬

Answer 5

。。。

Answer 6

两个是同一个样式,