<分区>
如何垂直对齐 cboxTitle-div 内的文本(例如 close-Box(text))？我用 colorbox用于制作模态弹出窗口。
div 结构是这样的:
<div id="cBoxContent">
<div id="cBoxTitle"></div>
</div>
CSS 代码:
#cboxContent{overflow:hidden; background: #121219;
}
#cboxTitle{position:absolute; top:0; left:0; text-align:left; width:100%; color:#999; height: 38px;}
最佳答案
您可以通过将其 line-height 属性设置为其所在元素的高度来使文本垂直居中。
#cboxTitle{
position:absolute;
top:0;
left:0;
text-align:left; width:100%;
color:#999;
height: 38px;
line-height: 38px;
}
当然，这个技巧只有在您知道 div 的高度时才有效。 There are other methods , 但它们更复杂。
另一种未链接的方法是将包含您的文本的 div 设置为 position: relative;，然后将 top 设置为 50 % 减去元素高度的二分之一。这最好用 Javascript 完成。
关于javascript - 如何垂直对齐颜色框中的文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15238029/