「什麼!這也算垂直置中技巧?連我阿嬤都知道這方式吧?!!」
對的!這的確也算是一種垂直置中的方式,不可諱言的這方式真的是簡單過頭了,以至於有些開發者認為這種方式不能算是一種垂直置中技巧,但同樣的你無法反駁的是,我的資料的確垂直置中啦 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直播頻道
若有任何問題歡迎留言討論喔
謝謝各位