如何为锚标记链接指定高度和宽度

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;
}

问题是锚的高度和宽度不会改变。请帮帮我

Answer 1

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

<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元素保持其原生属性，即处于正常的线条流中，并且仍然具有 width ， height 和 vertical -align 属性..然后inline-block是您应该使用的属性。

相关链接

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

修改：添加说明

Answer 2

使主播的样式为display:inline-block或display:block

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

Answer 3

为了使代码具有尺寸，它们必须为display: block

所以你的css应该是：

.tag a {
  display: block;
}

我倾向于避免使用内联块，因为我个人认为在解决这样的问题时它不一致。

Answer 4

为display:block和max-width:30px !important;的锚点添加样式 max-width size可以是任何

li a { display: block; height: 30px; max-width: 30px !important; }