pre标签内容超出容器如何处理

一般情况下内容超出容器可使用如下两个样式配置即可：

word-break: break-word;
white-space: break-spaces;

但是如果是用在pre标签里面的内容超出要如何处理呢，你会发现上面两个配置可能不生效了。

这个时候其实只需要给父级容器添加overflow-x: auto就可以，也就是在横轴上添加滚动条。