html - 无法在 Safari 中将样式应用于标记 pre

Question

我有以下问题：我正在使用标签 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; }

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

Answer 1

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

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

Mac OSX 10.6.8。

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