如何集中内容或div

Question

我用过     vertical-align：middle; 但它不起作用 我没有使用     边距：80px

请参阅小提琴，了解更多详情http://jsfiddle.net/chanduzalte/2vwkA/1/

Answer 1

我总是参考这篇关于CSS-Tricks的精彩文章 - http://css-tricks.com/centering-in-the-unknown/

Answer 2

使用style=" display:table-cell; vertical-align:middle"

查看此updated fiddle

Answer 3

如果要保持固定（框的高度和该框内只有一行文字），那么你可以通过添加行高来实现：

.center div{line-height:200px}