我试图通过使用以下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.