css - 如何使内容或 div 居中

Question

我使用了垂直对齐：中间；但它不起作用我不想使用 margin-top: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"

看看这个更新的小提琴

Answer 3

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

.center div{line-height:200px}