html - Mac 上的 CSS 文本对齐

Question

所以我在 mac 上遇到了 CSS 问题。这个问题出现在 FF 和 Opera on mac 上。在 Windows 上，我测试过的任何浏览器(IE、FF、Opera、Chrome)都没有问题。

问题是未对齐的 > 符号在灰色区域显示如下。

在windows平台上正常的时候是这样的:

这是 FF 中 mac 上 > 的问题错位(这不会发生在 chrome 和 safari 上)

我不知道如何解决这个问题，因为 > 符号没有包含在任何 html 元素中...

我没有自己编写代码，所以我想用 css 或 javascript 解决这个问题。

感谢您的帮助!

为了更清楚:这是生成导航路径的 PHP 代码(灰色区域中用 > 分隔的链接)

     <a href="/">Kartes.lv</a> <?php echo '&gt; '; ?>
<?
                        $strTitle = '';
                        $strBuf = '';
                        for ($i=1; $i<count($_page_path); $i++)
                        {
                            if ($_page_path[$i+1][0])
                            {
                                $strLink = '<a '. (!isset($_page_path[$i+2]) ? ' class="last" ' : '') .'href="/?wp='. $_page_path[$i+1][0] .'&lg='.(isset($_GET['lg']) ? $_GET['lg'] : '2').'&p=0">'.$_page_path[$i][1].'</a>';
                            }
                            else
                            {
                                $strLink = $_page_path[$i][1];
                            }

                            if (trim($_page_path[$i][1]) != '')
                                $strTitle = $_page_path[$i][1];                            

                            if ($strBuf != '')
                            {
                                echo $strBuf . ($strLink != '' ? ' &gt; ' : '');
                            }
                            $strBuf = $strLink;
                        }
                        echo $strBuf;                        
?>

Answer 1

存在冲突的 css 样式问题，vertical-align: top 在容器 div 上，但 vertical-align: center 在子 a 元素上导致错位。

感谢所有在这里度过时光的人!