java html字体居中显示,css3-CSS中圆形文本的垂直和水平居中（例如iPhone通知徽章）...

如果您有高度未知的内容，但您知道容器的高度。 以下解决方案效果很好。

的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的内联显示块。 希望这对某人有帮助！