html - 如何为 anchor 标记链接分配高度和宽度

Question

我试过如下

<div class="tag">
 <a href="#">Book Form</a>
</div>

在 CSS 中

.tag a 
{ 
  background-color:#899898;
  height:125px;
  width:250px;
  color:#000;
  font-family:Arial;
  font-size:25px;
}

问题是 anchor 的高度和宽度没有改变。请帮助我

Answer 1

添加display: inline-block;在 CSS 中。

<div class="tag">
 <a href="#">Book Form</a>
</div>

在 CSS 中

.tag a 
  { 
  display: inline-block;      
  background-color:#899898;
  height:125px;
  width:250px;
  color:#000;
  font-family:Arial;
  font-size:25px;
  }

---

anchor (<a>)是行内元素。 (here 是默认内联元素的完整列表)。行内元素不能有 width和 height .所以如果你想要 inline元素以保持其原生属性，即处于正常的行流中，并且仍然具有 宽度、高度 和 垂直对齐 属性。然后inline-block是您应该使用的属性。

相关链接

• https://developer.mozilla.org/en-US/docs/CSS/display
*

编辑:添加说明