<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kane&#039;s Blog &#187; css</title>
	<atom:link href="http://iamkane.com/index.php/archives/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://iamkane.com</link>
	<description>Bug can be anywhere,Can you find it?</description>
	<lastBuildDate>Mon, 21 Jun 2010 11:05:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>最快捷的纯CSS的 DIV 垂直居中</title>
		<link>http://iamkane.com/index.php/archives/48</link>
		<comments>http://iamkane.com/index.php/archives/48#comments</comments>
		<pubDate>Wed, 05 Aug 2009 09:23:58 +0000</pubDate>
		<dc:creator>Kane</dc:creator>
				<category><![CDATA[XHTML&CSS]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://iamkane.com/?p=48</guid>
		<description><![CDATA[div 垂直居中这个话题搜索引擎一堆，方法也有好几种。下面介绍一种比较快捷的方法。

&#160;
&#160;假如 box 的高和宽为100px
&#160;

 .centered_div { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background: red; } 
&#160;
&#160;
假如 box的宽度为500px 高度为200px
&#160;

  .centered_div { width:500px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -100px; background: red; } 
&#160;
&#160;
&#160;
]]></description>
			<content:encoded><![CDATA[<h3>div 垂直居中这个话题搜索引擎一堆，方法也有好几种。下面介绍一种比较快捷的方法。</h3>
<h3><img alt="" src="http://www.iamkane.com/download.asp?id=5" style="width: 583px; height: 388px;" /></h3>
<p>&nbsp;</p>
<p><strong><span style="color: rgb(51, 153, 102);">&nbsp;假如 box 的高和宽为100px</span></strong></p>
<p>&nbsp;</p>
<pre name="code" class="css">
 .centered_div { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background: red; } </pre>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: rgb(51, 153, 102);"><strong>假如 box的宽度为500px 高度为200px</strong></span></p>
<p>&nbsp;</p>
<pre name="code" class="css">
  .centered_div { width:500px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -100px; background: red; } </pre>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://iamkane.com/index.php/archives/48/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
