大家好，我是图恩，在用富文本编辑器新增文章的时候添加的如果是代码，一般编辑器会用pre跟code标签来包裹添加的代码来从而实现在显示的时候保留原有代码格式，但是如果内容的宽度过长超出当前容器的宽度，那么就会造成容器的样式跟内容的样式不一致的问题。比如下面这种情况：
主要原因在于code里面的内容不会换行，此时只要给code标签设置如下样式就可以让code里面的内容换行。
white-space: pre-wrap;加了之后的效果如下：
pre和code标签内容超出如何解决
ppylox
·11/10/2021·0 阅读AI 摘要模型根据正文自动生成，仅供参考
富文本编辑器中pre和code标签用于保留代码格式，但内容过长会超出容器宽度导致样式不一致，原因是code内容默认不换行。解决方法是为code标签设置white-space: pre-wrap样式，使代码内容自动换行，从而保持容器与内容样式一致。
相关文章
评论 (0)
暂无评论，来写第一条吧