如何显示包装的 json 字符串？
How do I display a wrapped json string?
我正在制作一个从 GitHub api 检索数据的概念验证 React 应用程序。该应用程序将从 GitHub 检索到的数据显示为段落元素内的 json 字符串。
问题
json 字符串不换行。它在几行中向右溢出。
我想要的
在每个“单词”上换行没有意义，因为 json 并没有真正的单词。我希望字符串在单个字符溢出之前中断。
我试过的
word-wrap 和 overflow-wraptext-overflow
The json string doesn't wrap. It overflows to the right on several lines.
解决方案
最终起作用的 property/value 组合是 word-break: break-all。
<p style={{wordBreak: 'break-all'}}>{JSON.stringify(data)}</p>
我正在制作一个从 GitHub api 检索数据的概念验证 React 应用程序。该应用程序将从 GitHub 检索到的数据显示为段落元素内的 json 字符串。
问题
json 字符串不换行。它在几行中向右溢出。
我想要的
在每个“单词”上换行没有意义，因为 json 并没有真正的单词。我希望字符串在单个字符溢出之前中断。
我试过的
word-wrap和overflow-wrap 的变体
text-overflow 的变体
The json string doesn't wrap. It overflows to the right on several lines.
解决方案
最终起作用的 property/value 组合是 word-break: break-all。
<p style={{wordBreak: 'break-all'}}>{JSON.stringify(data)}</p>