pre和code标签内容超出如何解决
大家好,我是图恩,在用富文本编辑器新增文章的时候添加的如果是代码,一般编辑器会用pre跟code标签来包裹添加的代码来从而实现在显示的时候保留原有代码格式,但是如果内容的宽度过长超出当前容器的宽度,那么就会造成容器的样式跟内容的样式不一致的问题。比如下面这种情况:
主要原因在于code里面的内容不会换行,此时只要给code标签设置如下样式就可以让code里面的内容换行。
white-space: pre-wrap;
加了之后的效果如下:
大家好,我是图恩,在用富文本编辑器新增文章的时候添加的如果是代码,一般编辑器会用pre跟code标签来包裹添加的代码来从而实现在显示的时候保留原有代码格式,但是如果内容的宽度过长超出当前容器的宽度,那么就会造成容器的样式跟内容的样式不一致的问题。比如下面这种情况:
主要原因在于code里面的内容不会换行,此时只要给code标签设置如下样式就可以让code里面的内容换行。
white-space: pre-wrap;
加了之后的效果如下:
发表评论 (审核通过后显示评论):