我正在尝试使用以下 html 标记创建 css 按钮：
<a href="access.php" class="css_button_red">Forgot password</a>
但它最终不会比中间的文本大。即使我已经设置了班级的高度和宽度。
顺便说一句，您可以在这里预览问题，www.matkalenderen.no 注意第一个按钮，这是一个表单按钮，它使用它自己的类。起初我也尝试在 css 按钮上使用相同的类，但出现了同样的问题，所以我尝试将它们分成自己的类。以防发生某种崩溃。但无论如何也没关系。
我在这里错过了什么？
【问题讨论】：
正如其他人所说，默认情况下<a> 是一个内联元素，内联元素不能指定宽度或高度。您可以将其更改为像这样的块元素：
a {
display: block;
}
尽管它随后会（不出所料地）显示为一个独立的块，位于周围文本流之外。更好的解决方案是使用display: inline-block，这可能是两全其美的解决方案，具体取决于您的具体情况。
请参阅PPK's writeup。
这个值的真正用途是当你想给一个内联元素一个宽度时。在某些情况下，某些浏览器不允许在真正的内联元素上设置宽度，但如果您切换到 display: inline-block，则可以设置宽度。
【讨论】：
<a> 时不会有问题。
因为 默认是内联元素。在 CSS 中定义 a { display:block; } 并应用高度和宽度设置。
当然，你可能不想将所有的锚标签都声明为块级元素，所以根据需要按类或id进行过滤。
【讨论】：
我认为最合适的解决方案是display: inline-block;，它允许您为仍将被视为inline 元素的元素设置height。
【讨论】：