<pre标签使用注意的地方

<pre>标签（ “preformatted text”预格式化的文本），在选择<pre>标签时你会遇到是否需要折行这个问题幸运地，

1：你可以使用为<pre>标签提供的独一无二的样式来保留空白同时折行，如同下面这样：

pre {  white-space: pre-wrap;}

2：如果你不想折行，你就不用像上面那样做，不过你得考虑如果一行太长了怎么办。太长的行可能会撑开固定宽度的容器或者超出容器范围。要避免这个，我建议你加上横向滚动条：

pre {  overflow-x: auto;}

3：一些人，可能包括你，既不喜欢折行也不喜欢滚动条。这种情况也有解决方案。你可以让 <pre> 保持默认的容器宽度，但是允许它在交互的时候展开：

pre:hover,pre:focus {  width: min-content;}