Cufon 画出不必要的空格答案

【问题标题】：Cufon draws unnecessary spacesCufon 画出不必要的空格
【发布时间】：2011-01-26 11:01:41
【问题描述】：

我的网站在这里 - http://thezoomer.net/clubroyale/

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

有什么想法吗？谢谢！

【问题讨论】：

【解决方案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，但除非你真的想要我，否则我不会去寻找它。

【讨论】：