html - <pre> 不需要时换行

Question

我在包含在

和

 标签内的网页上有一个面板“模型”，因此:-


 
<div style="max-width:85ch;">
<pre style="background-color:#0D0D0D;color:Lime;">
...
</pre></div>


这些标签中任何一行的最大字符数为 80 个字符，最大宽度设置为 85ch。

当网页足够宽而不强制换行时，什么会导致此类文本在不是换行符的点换行？

  

仅供引用 - 它应该看起来像这样:-
  

我认为失败的示例可能是由于用户将他们的字体设置得更大(使用 Ctrl++)，但当我这样做时它仍然表现完美，并且仅当浏览器窗口的大小不再足以容纳它时换行。

补充问题(可能有相同的答案)。有没有办法让它永远停止包装，即即使网络浏览器的大小不足以包含它？

			            

最佳答案

试穿<pre>的款式元素 white-space: pre; ，或元素 white-space: pre-line;

关于html - <pre> 不需要时换行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49440006/

Answer 1

试穿<pre>的款式元素 white-space: pre; ，或元素 white-space: pre-line;