css垂直背景颜色或图像居中

Question

我有问题。我想将第二个div

居中

<div class="a">
<div class="b">

</div>
</div>


<style>
.a {
   width: 400px;
   height: 300px;
   background: #000000;
}
.b {
   width: 100px;
   height: 50px;
   background: #454545;
   float: right;
}
</style>

我希望将字母b居中，如line-height: 300px;

Answer 1

根据您的问题，您想要的是，将内部 <div>与其父 <div>进行垂直对齐。< / p>

因此，您可以将代码略微更改为：

<强> CSS ：

.a {
      width: 400px;
      height: 300px;
      background: #000000;
      vertical-align: middle;
      display: table-cell;
}

通过这个你很高兴。