2

我试过如下

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

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

4

4 回答 4

23

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

锚 ( <a>) 是内联元素。（这里是默认内联元素的完整列表）。内联元素不能有width和height。因此，如果您希望inline元素保持其本机属性，即处于正常的行流中，并且仍然具有width、height和vertical-align属性..那么inline-block就是您应该使用的属性。

相关链接

编辑：添加说明

于 2013-03-21T15:07:17.463 回答
4

使锚的样式display:inline-block为display:block

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

于 2013-03-21T15:07:14.083 回答
0

为了使标签具有尺寸，它们必须是display: block

所以你的CSS应该是：

.tag a {
  display: block;
}

我倾向于避免使用内联块，因为我个人在解决此类问题时发现它不一致。

于 2013-03-21T15:08:00.093 回答
0

给锚点一个样式，display:block最大max-width:30px !important; 宽度大小可以是任何

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

于 2016-04-07T08:55:52.447 回答