如何在彩盒中垂直对齐文本？

2018-06-27 02:29:18

这个问题在这里已经有了答案：

如何将div的内容与底部对齐？ 24个答案

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

#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中完成。

链接地址: http://www.djcxy.com/p/75775.html

上一篇: How do I vertically align text in a colorbox?

下一篇: How to align 3 divs (left/center/right) inside another div?