div 中的垂直居中文本

Question

我试图将文本垂直居中放置在 4 个 div 中，其中包含 sat、bit、mBTC 和 BTC。我试过

display:table-cell;
vertical-align:middle;

在 div 上，但这不起作用。任何帮助，将不胜感激。此外，由于某种原因，页面加载速度非常慢，一定是所有 API 请求，但我不确定。只是普通 https://satoshifaucet.com 加载速度很快。

Answer 1

他的意思是行高。你总是可以添加一个 padding-top。

Answer 2

正如 makshh 评论指出 line-height 就足够了：

.smallUnitBox {
    background-color: #29b8ff;
    border-right: 2px solid #2098d4;
    float: left;
    height: 36px;
    width: 96px;
    line-height: 36px;
    color: white;
    font-size: 28px;
    font-family: sans-serif;
    border-bottom: 1px solid #2098d4;
}

<div class="unitBox">
  <div class="smallUnitBox">sat</div>
  <div class="smallUnitBox">bit</div>
  <div class="smallUnitBox">mBTC</div>
  <div class="smallUnitBox">BTC</div>
</div>

不要忘记删除，因为不需要：

display:table-cell;
vertical-align:middle;

div 中的垂直居中文本

Vertically centering text in a div

html

css

bitcoin