长链接使用哪个whiteSpace选项？

Question

我有一页：https://tikex.com/hu/buyTicket/elektik-tourist-2022

在手机上，谷歌的最后一个链接并没有被破坏，所以它延伸到了页面上。我使用pre-wrap，但是我不知道我应该用哪一个来打破它。

<p className={'p_1'} style={{ whiteSpace: 'pre-wrap', maxWidth: '80vw' }}>
    {buyTicketData?.description}
</p>

​

​

​

​

Answer 1

你应该试试

word-break: break-all;

如下所示：

<p className={'p_1'} style={{ wordBreak: 'break-all', maxWidth: 
'80vw' }}>
{buyTicketData?.description}
</p>