javascript - cufon后，错误的文本对齐

我正在使用cufon将字体添加到我的网站，当应用Cufon时，我很难使文本居中！

我设计了自己想要的网站，但是当我申请Cufon时，文字不会居中...
没有Cufon，它居中！

HTML：

<nav>
    <ul>
        <li>
            <div>
                <a href="/app/MyAccount">Without Cufon</a>
            </div>
        </li>
        <li>
            <div>
                <a class="cufon" href="/app/MyAccount">With Cufon</a>
            </div>
        </li>
    </ul>
</nav>

CSS：

nav {
    width: 100%;
    height: 110px;
    clear: both;
    overflow: hidden;
    margin-bottom: 6px;
    font-weight: 900;
    text-align: center;
}

ul {
    padding-left: 0px;
}
li {
    background-color: #E3E3E3;
    float: left;
    width: 200px;
    height: 90px;
    list-style-type: none;
    text-align: center;
    color: black;
    display: inline;
}

Cufon：

Cufon.replace('.texte8pt', { fontFamily: 'Helvetica Neue LT Std 45', hover: true });

谢谢帮我！

最佳答案

尝试这个：

的HTML

 <div id="divCufon">
      <a class="cufon" href="/app/MyAccount">With Cufon</a>
 </div>

的CSS

#divCufon
{
      text-align:center;
}

或者，您可以尝试以下操作：

<center><a class="cufon" href="/app/MyAccount">With Cufon</a></center>

关于javascript - cufon后，错误的文本对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23606619/