position换行的一些问题？

Question

最近在写一个对比文本的东西，然后考虑了换行的问题，就是

大概就是上面这样子，可以看到第三行超出与第四行重叠了，我是用比较长的字符来占位了
<div>
<div style={{position: 'absolute',visibility: 'hidden'}}>{item.lenContent}</div>
<div style={{position: 'absolute'}}>{item.content}</div>
</div>
我是这样写的，然后尝试在ant-list-item加个相对定位，发现也不行

一开始想过用table，后来还是用了ant design自带的list，怎么解决或有更好的方法吗

Answer 1

div绝对定位固定了文本的位置了,应该使用relative的

Answer 2

<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>
我已经弄好了，判断和数据修改了，还是谢谢你的回答了