如何在 HTML <pre> 字段中使用可变宽度字体

【问题标题】：How to use variable-width font in HTML <pre> field如何在 HTML <pre> 字段中使用可变宽度字体
【发布时间】：2015-11-12 06:32:59
【问题描述】：

我希望显示存储在 MySQL 数据库中的预格式化文本，但希望避免以 <pre> 强加的固定宽度字体显示文本

或者我错了，强制使用任何特定字体但仅默认为固定宽度？

【问题讨论】：

【解决方案1】：

与在任何其他元素中使用可变宽度字体的方式相同：使用 CSS font-family 属性。

pre { font-family: helvetica, sans-serif; }

<pre>Hello
    World</pre>

【讨论】：

【解决方案2】：

找到了解决方案 .... 将 white-space: pre-wrap; 添加到显示文本的元素的 CSS 样式中达到了我正在寻找的结果

【讨论】：