如果您有高度未知的内容,但您知道容器的高度。 以下解决方案效果很好。
的HTML
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Nesciunt obcaecati maiores nulla praesentium amet explicabo ex iste asperiores
nisi porro sequi eaque rerum necessitatibus molestias architecto eum velit
recusandae ratione.
的CSS
.center-test {
width: 300px;
height: 300px;
text-align:
center;
background-color: #333;
}
.center-test span {
height: 300px;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
}
.center-test p {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
color: #fff;
}
例[http://jsfiddle.net/thenewconfection/eYtVN/]
Newby可以显示的一个陷阱:inline-block; [span]和[p]没有html空格,因此span不会占用任何空格。 另外,我还在CSS hack中添加了针对IE的内联显示块。 希望这对某人有帮助!