html浮动垂直居中对齐,html – 如何垂直对齐两个浮动的div？

here是您需要的解决方案的在线演示

它是用这个html制作的：

Some text

Details

这个css：

#parent {

position: relative;

/* decoration */

width: 500px;

height: 200px;

background-color: #ddd;

}

.child {

position: absolute;

top: 50%;

height: 70px;

/* if text is one-line, line-height equal to height set text to the middle */

line-height: 70px;

/* margin-top is negative 1/2 of height */

margin-top: -35px;

/* decoration */

width: 200px;

text-align: center;

background-color: #dfd;

}​

#left-box { left: 0; }

#right-box { right: 0; }