我试图通过使用以下html标记来创建css按钮:
<a href="access.php" class="css_button_red">Forgot password</a>
但它最终不会比中间的文字大。即使我已经设置了这个类的高度和宽度。
您可以在这里预览问题btw,www.matkalenderen.no
注意第一个按钮,这是一个窗体按钮,它使用它自己的类。起初我试图在css按钮上使用相同的类,同样的问题出现,所以我试图将它们分成自己的类。万一遇到某种事故。但是这无关紧要。
我在这里缺少什么?
解决方法
正如其他人所说,默认情况下,< a>是一个内联元素,并且内联元素不能指定宽度或高度。您可以将其更改为像这样的块元素:
a { display: block; }
虽然它会显示(不出意料的)作为一个块,它自己坐在周围文字的流动之外。一个更好的解决方案是使用display:inline-block,这可能是双方最好的解决方案,具体取决于您的情况。
见PPK’s writeup关于它。
The real use of this value is when you want to give an inline element a width. In some circumstances some browsers don’t allow a width on a real inline element,but if you switch to display: inline-block you are allowed to set a width.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。