html – CSS – 为什么我无法设置元素的高度和宽度?

前端之家收集整理的这篇文章主要介绍了html – CSS – 为什么我无法设置元素的高度和宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图通过使用以下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.

原文链接:https://www.f2er.com/html/233102.html

猜你在找的HTML相关文章