Question

我想知道当你把它包裹在<a>标签中时，你们中的一个是否能够解释为什么我的一个按钮变得不对齐。

我有

<div class="outerdiv" id="navbar">
    <a href="runningCalculator.html"><input type="button" class="navbutton" value="Running Calculator"/></a>
    <input type="button" class="navbutton"/>
    <input type="button" class="navbutton"/>
</div>

在我的body中，第一个按钮在顶部显示边距，而另一个按钮根据需要显示不是。

这是navbutton类的CSS：

.navbutton
{
    width: 150px;
    height: 25px;
    background-color: rgba(51,51,51,0.5);
    margin: 0px;
    padding: 0px;
    color: #FFF;
    font-size: 15;
    text-shadow: 2px 2px rgb(51,51,51);
}

Answer 1

不要将按钮包装在锚标签中。 HTML规范禁止它，并在浏览器中提供不一致（通常是不合需要的）结果。

如果您想要链接的功能，请使用链接。如果您想要按钮的功能，请使用按钮。

然后应用CSS以使您选择的任何元素都符合您的要求。

当我将它包裹在<a> tag</a>中时，我的按钮会变得不对齐

1 个答案: