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

前端之家收集整理的这篇文章主要介绍了html – 让OSX Safari尊重css“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;

猜你在找的HTML相关文章