我正在尝试使用以下 html 标记创建 css 按钮:
<a href="access.php" class="css_button_red">Forgot password</a>
但它最终不会比中间的文本大。即使我已经设置了班级的高度和宽度。
顺便说一句,您可以在这里预览问题,www.matkalenderen.no
请注意第一个按钮,这是一个表单按钮,它使用自己的类。起初我尝试在 css 按钮上使用相同的类,但出现了同样的问题,所以我尝试将它们分成自己的类。万一发生某种事故。但无论如何,这并不重要。
我在这里缺少什么?
正如其他人所说,默认情况下<a>
是内联元素,内联元素不能指定宽度或高度。您可以将其更改为块元素,如下所示:
a {
display: block;
}
尽管随后它会(毫不奇怪地)显示为一个块,独立存在于周围文本流之外。更好的解决方案是使用display: inline-block
根据您的情况,这可能是两全其美的解决方案。
See PPK 的文章 http://www.quirksmode.org/css/display.html#inlineblock关于它。
该值的真正用途是当您想要为内联元素指定宽度时。在某些情况下,某些浏览器不允许真正的内联元素设置宽度,但如果切换到 display: inline-block ,则允许设置宽度。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)