Css 垂直对齐与线高度不能正常工作

因此，我使用了具有以下样式选项的div：

div.Holder {
height: 45px;
line-height: 45px;
text-align: center;
border-top: 3px #E7E7E7 solid;
color: #535353;
}

在该div中，有以下选项：

.Holder > span { display: inline-block;
vertical-align: middle;
line-height: 15px;
font-size: 13px;
font-weight: bold;
}

因此，文本插入到

此处

应垂直和水平居中，并与

“

”

但是当我把这些元素插入到

页面文本刚好转到div的顶部

除非我从span元素中删除line height属性，但如果有多行文本，则第二行不可见，因为文本使用

行高：45px。

---

我应该如何处理此问题？

此代码不起作用。请尝试类似的操作

div.Holder {
    display: block;
    height: 45px;
    margin: 0 auto;
}

div.Holder > span {
    display: table;
    height: 15px;
    margin: 0 auto;
    padding: 15px 0;
    top: 50%;
}

例如：

---

并始终使用css重置

将示例文本置于div空格下：因为，由于15px的填充。。。I gues我将使用position:absolute和top:50%，margin top:-跨度的一半高度，这将使用javascript定义……如果您想使用js来实现这一点，这将是非常好和安全的：）