将文本垂直居中于div中

时间:2015-10-15 00:47:41

标签: html css bitcoin

https://satoshifaucet.com/satoshindex

我试图将sat,bit,mBTC和BTC中的4个div内的文本垂直居中。我试着做了

display:table-cell;
vertical-align:middle;
关于div的

但是没有工作。任何帮助,将不胜感激。由于某种原因,页面加载速度很慢,必须是所有的API请求,但我不确定。只是简单的https://satoshifaucet.com加载速度很快。

2 个答案:

答案 0 :(得分:1)

他的意思是行高。你总是可以添加一个填充顶部。

答案 1 :(得分:1)

正如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;