鍍金池/ 問答/HTML/ css多行文字倒三角居中對(duì)齊如何實(shí)現(xiàn)?

css多行文字倒三角居中對(duì)齊如何實(shí)現(xiàn)?

要實(shí)現(xiàn)如圖所示的效果

clipboard.png

文字溢出已經(jīng)實(shí)現(xiàn)了,如圖

clipboard.png

但是怎么做到第一行文字比第二行多,形成一個(gè)倒三角趨勢(shì)的居中呢?

麻煩css大佬指教一下~

回答
編輯回答
菊外人

固定顯示字?jǐn)?shù),比如18個(gè)字,用兩個(gè)p標(biāo)簽裝,
第一個(gè)p裝10個(gè)
第二個(gè)裝8個(gè)以及省略號(hào)
長(zhǎng)度不夠請(qǐng)適當(dāng)調(diào)節(jié)

2018年1月1日 14:01