在A标签上设置宽度和高度

有没有可能在锚点标签上设置像素的宽度和高度？ 我希望有锚标签有一个背景图像，同时保留锚内的文本。

<li><a href="#">Something</a></li> li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } 

Answer 1

你需要做你的锚display: block或display: inline-block; 然后它将接受宽度和高度值。

Answer 2

你也可以使用display: inline-block 。 这样做的好处是，它将像块元素一样设置高度和宽度，但也可以将其设置为内联，以便可以在其旁边放置另一个标签，允许父级空间。

你可以在这里find更多关于显示属性的信息

Answer 3

所有这些build议工作，除非你把锚定在UL列表中。

 <ul> <li> <a>click me</a>> </li> </ul> 

然后在Chrome浏览器中覆盖任何级联样式表规则。 宽度变成自动。 然后，您必须直接在锚本身上使用内联CSS规则。

Answer 4

这不是一个确切的副本（只要我能find），但这是一个普遍的问题 。

display:block是你需要的。 但是你应该阅读规范来理解为什么。