Question

由于某些原因，我的导航列表不可点击（链接不起作用），无论我在#languagenav类中输入哪个属性（即text-align：center），它都不会显示任何结果。我做错了什么？

HTML：

<div id="content">
        <div class="languagenav">
            <ul class="languagenav">
                <li>English - Spanish</li>
                <li><a href"./booksdictengger.html">English - German</a></li>
                <li><a href"./booksdictengfre.html">English - French</a></li>
            </ul>
        </div>
</div>

CSS：

.languagenav li {
    display: inline;
    margin-left: 1em;
    font-size: 15pt;
    font-family: 'Dosis', Arial, sans-serif;
    font-weight: 500;
    color: #25271e;
}

.languagenav a {
    color: #6d0839; 
    text-decoration: none;
}

#languagenav {
    width: 100%;
    text-align: center;
}

同时我们正在努力。对于每本书，文本相对于图像居中，如何使文本与图像顶部对齐？

Answer 1

您错过了=。如果没有这个，你的HTML就会无效。

<a href"./booksdictengger.html">

应该是：

<a href="./booksdictengger.html">

关于中心对齐问题，当CSS #languagenav

时，您的CSS规则为.languagenav

Answer 2

a代码中没有等号：<a href=".

Answer 3

试试这样：

<div id="content">
    <div class="languagenav">
        <ul class="languagenav">
            <li>English - Spanish</li>
            <li><a href="/booksdictengger.html">English - German</a></li>
            <li><a href="/booksdictengfre.html">English - French</a></li>
        </ul>
    </div>
</div>

LE：锚的正确语法是：

<a href="#"></a>

不

<a href""></a>

你忘记了等号。

html-list链接不起作用

3 个答案: