<?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>哈哈小老虎&#039;s Blog &#187; inline-block</title>
	<atom:link href="http://www.mytcer.com/tag/inline-block/feed" rel="self" type="application/rss+xml" />
	<link>http://www.mytcer.com</link>
	<description></description>
	<lastBuildDate>Sat, 31 Dec 2011 15:42:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>inline-block: 浮动，让我来拯救你！</title>
		<link>http://www.mytcer.com/427</link>
		<comments>http://www.mytcer.com/427#comments</comments>
		<pubDate>Tue, 26 Jan 2010 14:35:47 +0000</pubDate>
		<dc:creator>Tcer</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[inline-block]]></category>

		<guid isPermaLink="false">http://www.mytcer.com/?p=427</guid>
		<description><![CDATA[浮动有个比较有趣的问题: 当被浮动的元素排列成多行时(多于1行)，如果它们的高度不相同，则整个布局会被打乱(浮动布局崩溃的demo)。但有的时候，需要高度自适应，这个时候，浮动已无法胜任，也许你想到了表格，但从语义的角度来看，表格不一定适用，我想到了inline-block&#8230; 一. 解决办法 &#60;ul&#62; &#60;li&#62;我是第一个&#60;/li&#62; &#60;li&#62;我是第二个我是第二个我是第二个我是第二个我是第二个我是第二个我是第二个&#60;/li&#62; &#60;li&#62;我是第三个&#60;/li&#62; &#60;li&#62;我是第四个&#60;/li&#62; &#60;li&#62;我是第五个&#60;/li&#62; &#60;li&#62;我是第六个&#60;/li&#62; &#60;/ul&#62; &#60;style&#62; ul { width: 630px; margin: 10px auto; overflow: hidden; } ul li { /* FF 2及更低版本不作考虑 */ display: inline-block; width: 200px; /* 我打算设置10px的右边距, 但非IE下, inline-block后, 元素已默认带有4px的右边距 */ margin: 10px 6px 0 0; vertical-align: top; background: #ccc; *display: inline; *zoom: 1; *margin-right: 10px; [...]]]></description>
		<wfw:commentRss>http://www.mytcer.com/427/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

