<?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>叉叉兵 &#187; wbr</title>
	<atom:link href="http://xxbin.com/tag/wbr/feed/" rel="self" type="application/rss+xml" />
	<link>http://xxbin.com</link>
	<description>在网络中飘荡多年的草根……</description>
	<lastBuildDate>Thu, 29 Jul 2010 13:04:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>HTML里wbr 标签的使用</title>
		<link>http://xxbin.com/2009m03/html-wbr/</link>
		<comments>http://xxbin.com/2009m03/html-wbr/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 14:19:57 +0000</pubDate>
		<dc:creator>ㄤㄦ</dc:creator>
				<category><![CDATA[Mylife]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[wbr]]></category>

		<guid isPermaLink="false">http://xxbin.com/?p=511</guid>
		<description><![CDATA[&#60;wbr /&#62;软换行 1.正常情况下&#60;wbr /&#62;不起效，何为不正常，见下。 2.当文字长度超过外框显示宽度的时候，即溢出时。 3.游览器启动自动断行机制，各个游览器断行机制不同。比如ff3会在/前断行，ie7在/后断行等等。 4.当自动断行机制也无法避免溢出时，&#60;wbr /&#62;起效，效果如&#60;br /&#62;。 5.如果还是溢出的话，就只有溢出了。 可以说这个标签是最后的杀手锏，属于要么不出手，出手必伤人。 注：有些游览器不能有效识别&#60;wbr /&#62;标签，所以不推荐使用 不过如果这些不支持的游览器却支持CSS2的:after伪类则可以用一下方法实现 &#60;style&#62;wbr:after { content: &#8220;\00200B&#8221;; }&#60;/style&#62; &#60;div style=&#8221;width:100px;&#8221;&#62; a&#60;wbr /&#62;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#60;wbr /&#62;aa &#60;/div&#62; 效果如下图]]></description>
			<content:encoded><![CDATA[<p>&lt;wbr /&gt;软换行<br />
1.正常情况下&lt;wbr /&gt;不起效，何为不正常，见下。<br />
2.当文字长度超过外框显示宽度的时候，即溢出时。<br />
3.游览器启动自动断行机制，各个游览器断行机制不同。比如ff3会在/前断行，ie7在/后断行等等。<br />
4.当自动断行机制也无法避免溢出时，&lt;wbr /&gt;起效，效果如&lt;br /&gt;。 5.如果还是溢出的话，就只有溢出了。</p>
<p><strong>可以说这个标签是最后的杀手锏，属于要么不出手，出手必伤人。</strong><br />
<span id="more-511"></span><br />
<span style="color: #800000;">注：有些游览器不能有效识别&lt;wbr /&gt;标签，所以不推荐使用<br />
不过如果这些不支持的游览器却支持CSS2的:after伪类则可以用一下方法实现<br />
&lt;style&gt;wbr:after { content: &#8220;\00200B&#8221;; }&lt;/style&gt;<br />
</span>&lt;div style=&#8221;width:100px;&#8221;&gt;<br />
a&lt;wbr /&gt;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&lt;wbr /&gt;aa<br />
&lt;/div&gt;</p>
<p>效果如下图<br />
<img class="aligncenter size-full wp-image-512" title="01wbr" src="http://xxbin.com/wp-content/uploads/2009/03/01wbr.jpg" alt="01wbr" width="303" height="109" /></p>
]]></content:encoded>
			<wfw:commentRss>http://xxbin.com/2009m03/html-wbr/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
