哪个 whiteSpace 选项用于长链接？

Question

在移动设备中，最后一个 Google link 没有损坏，因此它会覆盖整个页面。我使用 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>

Which whiteSpace option to use for long links?