无法在 Safari 中将样式应用于标记 pre答案

【问题标题】：Cannot apply styles to tag pre in safari无法在 Safari 中将样式应用于标记 pre
【发布时间】：2012-03-19 21:43:39
【问题描述】：

我有以下问题：我正在使用标签 pre 来显示一些信息。

<pre class="maze align-center">
* * * *** * ******* * * * * * * * **  * * **  * * **  * * * * * * * * *** * * * * * * * * * * * * * * ***** * * * **  * * * * *** * * * * * * * * * * * * * ****
*       *       *                  **      **      **                   *                               *          **      **   *      *                      **
* *** **  *** **  *** ** **** **  *** **  *** **  *** ** **** ** **** **  *** **  *** ** **** ** **** **  *** **  *** **  *** **  *** ** **** ** **** **  *** **
etc...
</pre>

我的风格：

pre, code {font-family:monospace, monospace;}
.maze { line-height: 7px; border: 0; font-size: 9px; }
.align-center{ text-align: center; }

问题是样式不适用于MacOS下safari中的.maze。请注意，在其他浏览器和 Windows 下的 safari 中一切正常。怎么了？

【问题讨论】：

标签： html css safari webkit pre

【解决方案1】：

对我来说在 Safari 中看起来不错？从上到下 - Firefox、Safari、Chrome

http://i.stack.imgur.com/AxwwV.png

Mac OSX 10.6.8。

似乎 Firefox 是你的狡猾的一个？

【讨论】：