鍍金池/ 問答/HTML/ position換行的一些問題？

position換行的一些問題？

最近在寫一個對比文本的東西，然后考慮了換行的問題，就是圖片描述

大概就是上面這樣子，可以看到第三行超出與第四行重疊了，我是用比較長的字符來占位了
<div>
<div style={{position: 'absolute',visibility: 'hidden'}}>{item.lenContent}</div>
<div style={{position: 'absolute'}}>{item.content}</div>
</div>
我是這樣寫的，然后嘗試在ant-list-item加個相對定位，發(fā)現(xiàn)也不行
圖片描述

一開始想過用table，后來還是用了ant design自帶的list，怎么解決或有更好的方法嗎

回答
編輯回答
陪她鬧

<div style={{position:'relative',width: '100%'}}>
<label style={{position:'absolute',width: '100%'}}>{item.content}</label>
<label style={{position:'relative',visibility: 'hidden',width: '100%'}}>{item.lenContent}</label>
</div>
我已經(jīng)弄好了，判斷和數(shù)據(jù)修改了，還是謝謝你的回答了

2017年4月27日 06:02
編輯回答
兔囡囡

div絕對定位固定了文本的位置了,應(yīng)該使用relative的

2017年8月31日 20:03