css - Cufon 画出不必要的空格

Question

我有我的网站 - http://thezoomer.net/clubroyale/

如果您查看关于我们的子菜单或使用 Firebug 在联系我们菜单项，您会看到 Cufon 绘制了不必要的画布。

任何的想法 ？谢谢！

Answer 1

我找到的一个解决方案是去掉 HTML 中的所有空格，所以：

<li class="dir nav-item"><a href="./">ABOUT US</a>
    <div class="subnav-con">
    <div class="nav-top">

    </div>
        <ul class="nav">
            <li class="nav-item"><a href="./">HISTORY</a></li>
            <li class="nav-item"><a href="./">VISION</a></li>
            <li class="dir nav-item"><a href="./">TEAM</a>
            </li>
            <li class="nav-item"><a href="./">CLIENTS</a></li>

            <li class="nav-item"><a href="./">TESTIMONIALS</a></li>

            <li class="nav-item"><a href="./">PRESS</a></li>
            <li class="nav-item"><a href="./">FAQ</a></li>
        </ul>
    <div class="nav-bottom"></div>
    </div>
    </li>

变成这样：

<li class="dir nav-item"><a href="./">ABOUT US</a><div class="subnav-con"><div class="nav-top"></div><ul class="nav"><li class="nav-item"><a href="./">HISTORY</a></li><li class="nav-item"><a href="./">VISION</a></li><li class="dir nav-item"><a href="./">TEAM</a></li><li class="nav-item"><a href="./">CLIENTS</a></li><li class="nav-item"><a href="./">TESTIMONIALS</a></li><li class="nav-item"><a href="./">PRESS</a></li><li class="nav-item"><a href="./">FAQ</a></li></ul><div class="nav-bottom"></div></div></li>

可能有一种更简洁的方式涉及 CSS，但除非你真的想要我，否则我不会去寻找它。