react-markdown内容宽度溢出和换行不生效问题
情景复现：
解决办法，添加样式进行限制
/* index.css */
.markdown-container {
word-break: break-word; /* 强制长单词断行 */
white-space: pre-wrap; /* 保留空白符序列，但是正常地进行换行 */
overflow-wrap: break-word; /* 在长单词或 URL 地址内部进行换行 */
}
// tsx文件内
<ReactMarkdown className={"markdown-container"} remarkPlugins={[remarkGfm]}>
{text}
</ReactMarkdown>
添加样式后，即可解决问题，如下图所示：
原文地址：https://blog.csdn.net/weixin_44001222/article/details/143676263
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！