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

是否可以在锚标签上设置像素的宽度和高度？我希望锚标签具有背景图像，同时将文本保留在锚内。

li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}

<li><a href="#">Something</a></li>

您需要制作锚点display: block或display: inline-block;，然后它将接受宽度和高度值。

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

您可以在此处找到有关显示属性的更多信息

除非您将所有锚定放在UL列表中，否则所有这些建议都有效。

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

然后，所有级联样式表规则都会在Chrome浏览器中被覆盖。宽度变为自动。然后，您必须直接在锚点本身上使用内联CSS规则。

（据我所知，这并不是一个完全相同的副本），但这是一个普遍的问题。

display:block是您所需要的。但您应该阅读规格以了解原因。

下面为我​​工作

display: block;
width: 100%;