html – 让OSX Safari尊重css“white-space：pre”

发布时间：2020-12-14 23:29:14 所属栏目：资源来源：网络整理

导读：我有一个博客,我正在使用带有div元素的ccs style =“white-space：pre”.我这样做是为了在博客中显示大量的代码示例或cli输出..并且必须将该文本复制并粘贴到html页面中. 我希望源代码易于阅读,因此希望在浏览器显示时使用“white-space：pre”来保留原始输

我有一个博客,我正在使用带有div元素的ccs style =“white-space：pre”.我这样做是为了在博客中显示大量的代码示例或cli输出..并且必须将该文本复制并粘贴到html页面中.

我希望源代码易于阅读,因此希望在浏览器显示时使用“white-space：pre”来保留原始输出的空白格式.

Chrome和Firefox显示html页面很好,但由于一些奇怪的原因…当我要求它做“预先”时,Safari正在进行“预包装”.我必须有保留空白和nowrap组合功能……这是“预先”但是没有被osx的safari所尊重.

有没有人有这种问题的解决方法？我从很多测试中很清楚,firefox和chrome支持CSS前置空间属性定义的“pre”,但osx的safari不支持.我不想使用& nbsp,因为这会使我的源htm难以阅读和管理.

提前感谢任何有用的建议.

解决方法

我在Safari 11.0.3上遇到了同样的问题,在jQuery对话框中有一个“whitespace：pre”格式.使用预标签代替并没有解决问题.

但是,将“word-wrap：normal”添加到工作的样式中.这是我发现为我的场景工作的最终css：

padding: 15px;
white-space: pre;
word-wrap: normal;
resize: none;
box-sizing: border-box;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!