如何居中內容或div

Question

我用 vertical-align：middle; 但它不工作 我不瓦納使用 的margin-top：80px

看到小提琴更多細節http://jsfiddle.net/chanduzalte/2vwkA/1/

Answer 1

我總是指對CSS-技巧這篇大文章 - http://css-tricks.com/centering-in-the-unknown/

Answer 2

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

看看這個updated fiddle

Answer 3

如果是要保持網絡連接固定的（盒子的高度和箱子裏面的文字只有一行），那麼就可以實現通過添加的line-height：

.center div{line-height:200px}