簡言

「什麼！這也算垂直置中技巧？連我阿嬤都知道這方式吧？！！」

對的！這的確也算是一種垂直置中的方式，不可諱言的這方式真的是簡單過頭了，以至於有些開發者認為這種方式不能算是一種垂直置中技巧，但同樣的你無法反駁的是，我的資料的確垂直置中啦 XDDD，好啦！就當我硬凹吧，你說的都對！好不！？(被打)

原理說明

這方式應該很多人都用過啦，也算是最基本的一種垂直置中方式，只是在實際運用時機來說受限蠻多的，也因為這樣導致有些人可能覺得這不能夠算是一種垂直置中的技巧，但內容的確有垂直置中不是嗎? 是不是? 是不是?(口桀口桀口桀口桀口桀口桀)

<div class="box box22">
  <div class="content">
    立馬來看 Amos 實際完成的
    <a href="http://csscoke.com/2015/07/31/nth-child_rwd_album/">
      CSS3精美相簿效果
    </a>
    效果吧！別忘了拖拉一下視窗看看 RWD 效果喔！
  </div>
</div>

.box{
  width: 500px;
  border: 1px solid #f00;
  margin: auto;
  height: auto;
  padding: 50px 0;
}
.content{
  width: 400px;
  background: #ccc;
  margin: auto;
}

實際示範頁面

Line搜尋「@csscoke」加入CSS可樂公開帳號，可以收到 Amos 第一手資訊喔
本文同步發表於 CSS可樂部落格
CSS coke的Youtube直播頻道
歡迎點擊右側訂閱 CSS coke直播頻道
若有任何問題歡迎留言討論喔
謝謝各位