Html 在div中垂直居中文本？

我似乎无法将文本垂直居中于div的中心。它一直在顶部浮动。这是我的密码： CSS

HTML

有什么建议吗

---

谢谢

添加

垂直对齐：中间至
。拨号器

你也可以做
margin:auto因为您的高度和宽度有固定值。不过，您需要指定值的“类型”，例如
px
、
%
，或任何适合您的用途的值

您也可以这样做相对定位：

.dialer {
    ...
    position: relative;
    top: 47%;
}

添加
垂直对齐：中间对齐至
。拨号器

你也可以做
margin:auto因为您的高度和宽度有固定值。不过，您需要指定值的“类型”，例如
px
、
%
，或任何适合您的用途的值

您也可以这样做相对定位：

.dialer {
    ...
    position: relative;
    top: 47%;
}

从a标记中删除“边距顶部：20px”，然后使用类似以下内容：

.dialer {
    ...
    height: 40px;
}

.dialer a {
    line-height: 40px;
}

…但这只有在您知道文本可以放在一行的情况下才有效。
从a标记中删除“页边距顶部：20px”，然后使用类似以下内容：

.dialer {
    ...
    height: 40px;
}

.dialer a {
    line-height: 40px;
}

…但这只有在你知道文本可以放在一行的情况下才有效。
这里有一个有用的提琴：
我已经更新了小提琴，因此它也可以处理多行内容

.dialer{
       ... 
       width: 100px;
       height: 40px;
       ...
       vertical-align: middle;
    }

    .dialer a {
        display: inline-block;  
    }

这是一把小提琴：
我已经更新了小提琴，因此它也可以处理多行内容

.dialer{
       ... 
       width: 100px;
       height: 40px;
       ...
       vertical-align: middle;
    }

    .dialer a {
        display: inline-block;  
    }

试试这个

试试这个

您有
宽度：100；身高：40这里需要一些单位。px、em、%等。可能重复的和许多其他。可能重复的宽度：100；身高：40这里需要一些单位。px、em、%等。可能重复和许多其他。可能重复检查更新：显示：内联块；谢谢你的回答。试过了，对我不起作用。。。正如您在JSfiddle中所看到的，它将文本抛出到div的底部，而不是垂直的中间位置检查update:display:inline块；谢谢你的回答。试过了，对我不起作用。。。正如您在JSFIDLE中所看到的，它将文本扔到div的底部，而不是垂直中间。这是唯一一个只使用CSS的跨浏览器多行解决方案。谢谢您的回答，尝试了上面提到的所有内容，但都不起作用。还有其他建议吗？这是唯一一个只使用CSS的跨浏览器多行解决方案。谢谢你的回答，尝试了上面提到的所有方法，但都无效。还有其他建议吗？谢谢。这起作用了。但这似乎是一个非官方的修复，一个你在w3schools.com上看不到的修复。。。为什么其他的修正，比如垂直对齐：中间对齐，都不起作用？我在我的宽度和高度中添加了“px”，并添加了垂直对齐：中间，但没有luckThanks。这起作用了。但这似乎是一个非官方的修复，一个你在w3schools.com上看不到的修复。。。为什么其他的修正，比如垂直对齐：中间对齐，都不起作用？我在我的宽度和高度中添加了“px”，并添加了垂直对齐：中间，但没有运气