Question

我想将anchor置于固定div内的中间（垂直）。由于我display:table/table-cell中的其他内容，我无法使用div，所以我认为行高是最佳选择。

我的问题是当我anchor加上line-height时floated会延长，但只有<div class="fixed"> <a class="btn" href="#">btn1</a> </div>。.fixed { height: 100px; width: 100%; background-color:grey; position:fixed; } .btn { padding: 3px 9px; background-color:red; color:white; line-height:100px; float:right; }。

HTML：

{{1}}

CSS：

{{1}}

JSfiddle：https://jsfiddle.net/828zrzrk/

Answer 1

添加display：block; 改变填充值。

.fixed
{
  height: 100px;
  width: 100%;
  background-color:grey;
  position:fixed;
  top:0;left:0;
}

.btn
{
  display:block;
  padding: 0 9px;
  background-color:red;
  color:white;
  line-height:100px;
  float:right;
}

<div class="fixed">
  <a class="btn" href="#">btn1</a>
</div>

Answer 2

这就是你需要的吗？

``` .btn {

**
width: WIDTH;
height: HEIGHT;
position: absolute;
left: 50%;
top: 50%;
margin-top: -WIDTH/2;
margin-left: -HEIGHT/2;

} ```

Demo

浮动：正确导致锚线伸展线高

2 个答案: