关于javascript：如何在彩色框中垂直对齐文字？

How do I vertically align text in a colorbox?

本问题已经有最佳答案，请猛点这里访问。

如何垂直对齐cBoxTitle分区内的文本(例如，关闭框(文本))？我使用颜色框来创建模式弹出窗口。任何帮助都非常感谢！

DIV结构如下：

CSS代码：

1
2
3

#cboxContent{overflow:hidden; background: #121219;
}
#cboxTitle{position:absolute; top:0; left:0; text-align:left; width:100%; color:#999; height: 38px;}

通过将文本的line-height属性设置为它所在元素的高度，可以垂直居中文本。

1
2
3
4
5
6
7
8
9

#cboxTitle{
position:absolute;
top:0;
left:0;
text-align:left; width:100%;
color:#999;
height: 38px;
line-height: 38px;
}

当然，只有当你知道你的div的高度时，这个技巧才会奏效。还有其他方法，但它们更复杂。

另一个没有链接的方法是将包含文本的div设置为position: relative;，然后将top设置为50%，减去元素高度的一半。最好用JavaScript完成。