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

Question

我正在使用 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.replace('.texte8pt', { fontFamily: 'Helvetica Neue LT Std 45', hover: true });

感谢帮助我!

Answer 1

试试这个:

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>