<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>css on 戲中話</title><link>https://blog.iphpo.com/tags/css/</link><description>Recent content in css on 戲中話</description><generator>Hugo</generator><language>zh-tw</language><managingEditor>herb09638@gmail.com (Herb)</managingEditor><webMaster>herb09638@gmail.com (Herb)</webMaster><lastBuildDate>Fri, 31 Mar 2017 00:00:00 +0800</lastBuildDate><atom:link href="https://blog.iphpo.com/tags/css/index.xml" rel="self" type="application/rss+xml"/><item><title>Bootstrap 3 讓物件垂直置中的新方法</title><link>https://blog.iphpo.com/blog/2017/03/bootstrap-3-%E8%AE%93%E7%89%A9%E4%BB%B6%E5%9E%82%E7%9B%B4%E7%BD%AE%E4%B8%AD%E7%9A%84%E6%96%B0%E6%96%B9%E6%B3%95/</link><pubDate>Fri, 31 Mar 2017 00:00:00 +0800</pubDate><author>herb09638@gmail.com (Herb)</author><guid>https://blog.iphpo.com/blog/2017/03/bootstrap-3-%E8%AE%93%E7%89%A9%E4%BB%B6%E5%9E%82%E7%9B%B4%E7%BD%AE%E4%B8%AD%E7%9A%84%E6%96%B0%E6%96%B9%E6%B3%95/</guid><description>&lt;p&gt;之前要垂直置中&lt;/p&gt;
&lt;p&gt;不外乎就是設定height跟line-height&lt;/p&gt;
&lt;p&gt;不然就是parent position relative&lt;/p&gt;
&lt;p&gt;child position absolute&lt;/p&gt;
&lt;p&gt;top, right, bottom, left = 0&lt;/p&gt;
&lt;p&gt;或是&lt;a href="http://vanseodesign.com/css/vertical-centering/"&gt;這篇文章&lt;/a&gt;有提供六種垂直置中方法&lt;/p&gt;
&lt;p&gt;今天看到一個沒看過的用法&lt;/p&gt;</description></item></channel></rss>