<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[冯胜利]]></title>
<link>http://www.2cup.net/</link>
<description><![CDATA[分享www.2cup.net]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[(Feng)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>冯胜利</title>
	<url>http://www.2cup.net/images/logos.gif</url>
	<link>http://www.2cup.net/</link>
	<description>冯胜利</description>
</image>

			<item>
			<link>http://www.2cup.net/article.asp?id=139</link>
			<title><![CDATA[When you believe-Touch my heart]]></title>
			<author>(feng)</author>
			<category><![CDATA[兴趣爱好]]></category>
			<pubDate>Thu,02 Oct 2008 00:39:03 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=139</guid>
		<description><![CDATA[<object height="342" width="400">
<param value="http://www.tudou.com/v/Eq1VsYstuT4" name="movie" />
<param value="always" name="allowScriptAccess" />
<param value="transparent" name="wmode" /><embed height="342" width="400" wmode="transparent" type="application/x-shockwave-flash" src="http://www.tudou.com/v/Eq1VsYstuT4" allowfullscreen="true" allowscriptaccess="always"></embed></object>
<p>&nbsp;When you believe<br />
mariah carey</p>
<p>many nights we ve prayed<br />
with no proof anyone could fear<br />
in our hearts a hopeful song<br />
we barely understood<br />
now we are not afraid<br />
although we know there s much to fear<br />
we were moving the mountain long<br />
before we knew we could</p>
<p>chours:<br />
there can bemiracles when you believe<br />
though hope if frail<br />
it s hard to kill<br />
who knows what miracles you can achieve<br />
when you believe somehow you will<br />
you will whrn you believe</p>
<p>and this time of fear<br />
when prayer so often proved in vain<br />
hope is like the summer birds to swiftly flown away<br />
now i m standing here<br />
my heart so full i can t explain<br />
seeking faith and speaking words<br />
i never thought i d say</p>
<p>chours:<br />
there can bemiracles when you believe<br />
though hope if frail<br />
it s hard to kill<br />
who knows what miracles you can achieve<br />
when you believe somehow you will<br />
you will when you believe</p>
<p>they don t know the answer you ask them<br />
and it s easy to give in to your fear<br />
but when you fly as high past your pain<br />
you can see your way through the rain<br />
more of us still receive your advice<br />
says nothing s there new need<br />
chours</p>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=138</link>
			<title><![CDATA[夜幕中的水立方]]></title>
			<author>(feng)</author>
			<category><![CDATA[我的相册]]></category>
			<pubDate>Thu,02 Oct 2008 00:37:23 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=138</guid>
		<description><![CDATA[<div align="left"><img src="http://photo1.bababian.com/upload13/20080914/A31BD977B98DC555206047AB857FFA5F_500.jpg" border="0" alt=""/>　<img src="http://photo1.bababian.com/upload13/20080914/FDDC1750DE1F0CD0B16306463772E557_500.jpg" border="0" alt=""/></div><br/><br/>夜幕中的水立方-<a href="http://www.2cup.net/" target="_blank">冯胜利</a><br/><br/>奥运会的时候在鸟巢的人太多了，也没更多时间去仔细欣赏水立方,更美想到夜幕中的水立方更是迷人，发张相片做个纪念！]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=137</link>
			<title><![CDATA[Firefox 3.0.2 最新版出来了]]></title>
			<author>(feng)</author>
			<category><![CDATA[兴趣爱好]]></category>
			<pubDate>Thu,25 Sep 2008 15:32:40 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=137</guid>
		<description><![CDATA[<p>很喜欢Firefox, 因为在做网页开发时需要用多种浏览器进行测试,以检查页面效果是否统一。<br />
它不仅打开网页的速度快,且安全稳定,所以推荐给大家,把Firefox作为除了IE之外的首选浏览器。<br />
<img class="alignnone" height="150" alt="" width="120" src="http://www.mozilla.com/img/tignish/firefox/all-firefox-logo.png" /></p>
<p>Firefox 3.0.2不但修复了五个安全缺陷，包括两个关键级、两个中等级和一个轻微级，还有大量常规性更新：</p>
<p>1、修正一些稳定性问题。</p>
<p>2、正式加入僧伽罗语和斯洛文尼亚语版本。</p>
<p>3、测试性加入泰国语、孟加拉语、冰岛语、马拉地语、加利西亚语、北印度语、印度埃纳德语、Telugu(一种印度土语)等语言版本。</p>
<p>4、修正特定网页版面的小问题。</p>
<p>5、修正几个主题问题。</p>
<p>6、修正部分用户使用自定义地址栏导致前进、后退按钮丢失的问题。</p>
<p>7、支持Extended Validation(EV)证书。</p>
<p>8、修正在特定IDN网站上密码管理器无法正确填入用户名和密码的问题。</p>
<p>9、修正在使用Screen Reader时的一些挂起和崩溃问题。</p>
<p>10、修正Mac OS系统下键盘快捷键偶尔停止工作的问题。</p>
<p>11、修正日语、朝鲜语、汉语、印度语字符在Flash上无法正确输入文本框的问题。</p>
<p>12、修正用户配置文件存储在AFP目录时Firefox 3.0.1无法使用的问题。</p>
<p>&nbsp;</p>
<p>更多具体细节可以看<a target="_blank" href="http://www.mozilla.com/en-US/firefox/3.0.2/releasenotes/">这里</a>。</p>
<p>为了自身的安全当然是强烈建议更新了。</p>
<p>可以在帮助菜单中来自动更新，嫌慢的话可以手动下载更新版本安装程序。</p>
<p>从<a target="_blank" href="http://www.mozilla.com/en-US/products/firefox/">官方地址</a>选择下载版本</p>
<p>直接转到<a target="_blank" href="http://releases.mozilla.org/pub/mozilla.org/firefox/releases/3.0.2/win32/zh-CN/">简体中文下载目录</a>下载</p>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=136</link>
			<title><![CDATA[朋友大喜的日子]]></title>
			<author>(feng)</author>
			<category><![CDATA[唤醒心灵]]></category>
			<pubDate>Wed,24 Sep 2008 22:12:47 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=136</guid>
		<description><![CDATA[ <img src="http://www.2cup.net/images/smilies/Face_29.gif" border="0" style="margin:0px 0px -2px 0px" alt=""/><br/><br/>昨天是好朋友周鹏飞结婚的大喜日子,农历八月二十四。正好工作不是很紧张,才能够抽空回去祝贺一下。<br/><br/>结婚现场高朋满座,处处洋溢着幸福的气氛。<br/><br/>我这里暂时还没有婚礼现场的纪念照片，呵呵。<br/><br/>经过婚庆公司的精心策划,婚礼现场自始至终都以煽情为主线，辅以恰当的音乐和故事情节，结果是很圆满很成功的。<br/><br/><br/>在此为两位新人送上一份祝贺! 百年好合,白头偕老!]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=135</link>
			<title><![CDATA[网页制作,要先改变你的思维方式 ]]></title>
			<author>(feng)</author>
			<category><![CDATA[简历和作品]]></category>
			<pubDate>Thu,18 Sep 2008 13:49:36 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=135</guid>
		<description><![CDATA[<strong>网页制作,要先改变你的思维方式</strong><br/><br/>“重构”的春风吹遍大江南北，互联网一时间风声鹤唳，“div+CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码，却时常令人哑然失笑——<br/><br/>我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div+a构成的页面，有成百上千的表现层class……现在关于标准的书籍越来越多，除了少数几本标榜“高级技巧”的书籍以外，很少有人不会在自己著作的前几章强调这样一句话——“结构与表现分离”。然而这些书籍的读者们，又有多少人认认真真地读过前几章呢？还是更多地直接跳过那些乏味的结构讲解，一头扎到貌似高深的布局技巧与Hack中去？<br/><br/>其实div+CSS这个说法从一开始就误导了太多的人，急功近利的心态则更是造成这种现象的罪魁祸首。一个习惯了table布局的网页制作接触标准的第一步，不应该是去盲目寻求实现各种布局的CSS技巧，而是努力改变自己的思维方式。<br/><br/>下面将结合我的切身体会谈一谈顺应标准的思维方式，其中有不少是我曾经走过的弯路，希望对刚刚接触标准的XDJM们有些帮助：<br/><br/><strong>1、“节省代码”是营销手段，不是宗旨</strong><br/><br/>“使用div布局可以比table布局节省更多的代码”，我在很多书籍和网站上见到过这句话。这句话本身是没错的，可以“节省代码”的确是网页标准化所带来的好处之一。然而切记，它只是“好处之一”，而不是“唯一好处”，更不是宗旨。“节省代码”更多的时候是我们用来说服那些顽固不化的老板的营销手段。网页标准化的唯一宗旨是“结构与表现分离”，而绝不是为了节省代码而节省代码。我曾经因为网站边栏甚至主体内容的表现形式相同而采用了统一的class （至今还有一些书是这样教的），这样的确比分别命名id更节省代码，然而这样做的代价是代码失去了良好的结构。失去良好结构的后果是：一、源代码没有了可读性；二、网站增加了未知的维护成本。试想，当某一块内容因为需要而作出表现形式的变动，例如链接的颜色等等，我们就不得不去修改页面源文件，增加额外的class，工作量比起只需要调整id分组就大了许多。而且长此以往，结构将会越来越差，形成难以逆转的恶性循环。<br/><br/>还有一种情况，出现在id的命名方面，也是本人曾经犯过的错误。那时为了“节省代码”，而把主菜单命名为“mm”，二级菜单命名为“m2”，三级菜单为“m3”，结果严重降低了网页的可读性，使其他同事很难接手，图省事却累了自己。同理，文件及文件夹命名方面也不宜过简，象《网站重构》里建议把图片都用“i”目录存放，个人以为并不可取，除非你能为这种高度缩写的目录结构撰写详细说明并保证每个相关人员包括其他制作人员、开发、甚至懂行的老板……都能理解和执行，否则只会给你自己增添不必要的麻烦。<br/><br/><strong>2、ID是狙击枪，class是双刃剑</strong><br/><br/>想要做好网页结构，id与class都是必须熟练掌握的，所谓“两手抓，两手都要硬”。ID就象狙击枪一样，可以帮助我们精准地定位要想要加载样式的元素；而class则是侠客的佩剑，信手拈来更加轻盈灵便，两者的结合能够实现结构良好且表现丰富的页面。然而现在有一种错误的观点，就是id完全可以用class来取代，事实上许多网页源代码也的确如此，打开来通篇class，找不到一个id。造成这种现象的理由有很多种，然而自table时代传下来的根深蒂固的“class=CSS”的观念才是本因。的确，class比id用途更广更灵活，但也必须意识到，class对于构建良好的网页结构远不如id有效。id的强制唯一性使得我们可以很容易通过id检索到我们需要的任意模块，而class则没有这个优势。虽然我们可以为模块定义唯一的class名，但前提是——只有制作者本人可以动网页样式。否则换一个稍微懒一些伙计，看到样式相同便直接把前面的class拿来套用，其结果就是我们发现网页里有十几个模块都叫做“gonggao”或者“xinwen”，以至于为了区分还不得不加上大量的html注释，这样的结果显然并不是我们想要的。再者就是前面提到的，通过通用class所节省下来的代码，又不得不在每个单独定义的class中挥霍掉。<br/><br/>ID是狙击枪，class是双刃剑，合则两利，分则两败。<br/><br/><strong>3、并不是所有的内容都需要div做“容器”</strong><br/><br/>主菜单究竟是用&lt;div id=&#34;mainnav&#34;&gt;&lt;ul&gt;还是&lt;ul id=&#34;mainnav&#34;&gt;？这是一个博弈的问题。至今这个问题也没有人能够给出明确的答案，就连我也是如此。诚然，&lt;div id=&#34;mainnav&#34;&gt;在只包含了一个&lt;ul&gt;元素的时候，这个div就显得有些冗余，但有时候为了配合美工绚丽的设计，多一层标签就意味着多一层变化（有些人在a标签里套span也是如此）。而div不带任何原始属性的先天优势也是其它标签所无法比拟的。这个命题我只是想说明一件事，就是我们应该意识到，&lt;div id=&#34;mainnav&#34;&gt;&lt;ul&gt;之外，还有&lt;ul id=&#34;mainnav&#34;&gt;这种写法，同样具有良好的结构和语义，并且省去了一层嵌套。在我们不需要为华丽的美工劳心劳神的时候，是不是也可以让结构更加简约呢？<br/><br/>这个命题其实还可以引申为——“并不是所有内容都需要块元素做容器”、“并不是所有链接都需要其它元素做容器”，例如很多页面都有的“更多”。有些人写做“&lt;div class=&#34;more&#34;&gt;&lt;a&gt;”，也有人写做&lt;p&gt;&lt;a&gt;或者&lt;strong&gt;&lt;a&gt;。在这些“容器”只包含了一个&lt;a&gt;标签的时候，它们是否还有存在的必要？直接写成&lt;a class=&#34;more&#34;&gt;会破坏结构吗？会缺乏语义吗？会影响布局吗？换一种思路，你也许就会有不一样的收获。<br/><br/><strong>4、工作上也做到“结构与表现分离”</strong><br/><br/>关于这一点，网络上很多高手都是这样建议的，也就是先打开编辑器，把结构完整地写出来，再去CSS里写表现，而尽量不去动已经写好的结构。<br/><br/>然而以看书为主要学习方式的人却很难体会，因为关于标准的书籍多半是手把手来教的，也就是必然是结构表现结合，循序渐进。虽然有些书籍有这方面的建议，但短短的几句话远不如读书过程中的潜移默化。在制作人员能够对结构良好把握的时候，同时写结构与表现也不会对结果有太大的影响。但以我的经验，结构表现分离的工作方式，要比同时写结构与表现效率高很多，同时也不容易遗漏页面上的元素。<br/><br/>当然，所谓的“结构与表现分离”并不是完全不考虑表现，想要兼顾到表现，就要保证——在不破坏结构的前提下，CSS选择器能够选择到尽量多的内容。在哪些地方加class，或者用哪些标签来区分，是一个见仁见智的地方，相信每个人都有自己的体会。而结合不同的设计稿，有时候也需要做出相应的变化，然而这些变化都应该有一个同样的前提——不破坏代码的结构和可读性。<br/><br/>再就是，一定要意识到，任何可视化的工具都是魔鬼。它们可视化界面下所呈现的效果，往往与真实浏览器相差千里，而我们真正要兼容的是浏览器，不是编辑器的可视化界面。<br/><br/><strong>5、CSS不是万能的，没有CSS也不是万万不能的</strong><br/><br/>相比于CSS1.0时代，今天CSS可以完成更多的事情，然而需求永远是领先于技术的，CSS无法完成网页所有的表现层工作，有时候我们必须结合JS或者其他语言来实现一些效果。而另一些时候，用JS的方法比只靠CSS简单得多，并且代码结构更加良好——最典型的例子就是下拉菜单。这些时候，我们要说服自己，或者说服老板与客户，去采用更简单更合理的方式。因为DOM同样是网页标准的重要组成，并不是使用了JS我们的网页就降低了效率或是不再标准，恰恰相反，这是对JS最大的误解。说到这里不得不提一点，就是今天的时代，比以往更要求每个职业了解更多的相关知识，做设计的人要懂一点交互和制作，做制作的也必须了解设计和程序，尤其是JS这样的前端技术，只有这样，你和同事才能够更好地合作，个人的发展前景也会更加光明。<br/><br/>没有CSS，指的是当我们的网站因为各种未知的原因导致CSS文件载入失败，不要因此而慌乱，这是考验我们代码质量的最佳时机。在没有CSS的时候，如果网页仍旧保持良好的可读性，这成果要远比通过W3C验证更值得我们自豪。<br/><br/>经典论坛讨论：<br/><a href="http://bbs.blueidea.com/thread-2795374-1-1.html" target="_blank" rel="external">http://bbs.blueidea.com/thread-2795374-1-1.html</a><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=134</link>
			<title><![CDATA[在Firefox下的英文换行]]></title>
			<author>(feng)</author>
			<category><![CDATA[简历和作品]]></category>
			<pubDate>Wed,10 Sep 2008 14:44:11 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=134</guid>
		<description><![CDATA[<p>英文换行在html页面中是个看起来简单但是很重要的<br />
下面就说说在Firefox下的英文换行问题<br />
<br />
word-break : normal | break-all | keep-all <br />
取值：<br />
normal&nbsp; :默认值。允许在词间换行 <br />
break-all&nbsp; : 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 <br />
keep-all&nbsp; : 与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本</p>
<p>word-break : normal | break-all | keep-all <br />
取值：<br />
normal&nbsp; :默认值。允许在词间换行 <br />
break-all&nbsp; :该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 <br />
keep-all&nbsp; :与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本</p>
<p>说明：<br />
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。<br />
对于中文，应该使用 break-all 。<br />
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br />
对应的脚本特性为 wordBreak 。</p>
<p><br />
ie:在容器的css中加<br />
word-break:break-all;<br />
word-wrap:break-word;</p>
<p><br />
moz:用js截取字符串强制换行。<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
// &lt;![CDATA[</p>
<p>function toBreakWord(intLen){<br />
var obj=document.getElementById(&quot;2cup&quot;);<br />
var strContent=obj.innerHTML;&nbsp; <br />
var strTemp=&quot;&quot;;<br />
while(strContent.length&gt;intLen){<br />
strTemp+=strContent.substr(0,intLen)+&quot; &quot;;&nbsp; <br />
strContent=strContent.substr(intLen,strContent.length);&nbsp; <br />
}<br />
strTemp+=&quot; &quot;+strContent;<br />
obj.innerHTML=strTemp;<br />
}<br />
if(document.getElementById&nbsp; &amp;&amp;&nbsp; !document.all)&nbsp; toBreakWord(20)<br />
// ]]&gt;<br />
&lt;/script&gt;</p>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=133</link>
			<title><![CDATA[html页面的强制换行问题总结]]></title>
			<author>(feng)</author>
			<category><![CDATA[简历和作品]]></category>
			<pubDate>Wed,10 Sep 2008 14:18:56 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=133</guid>
		<description><![CDATA[<p><span class="t18"><font size="2">&nbsp;</font>如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的目的，一般是使用样式：table-layout:fixed。但是在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测试，得出一种解决办法。</span></p>
<p>如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破 表格的目的，一般是使用样式：table-layout:fixed。但是在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测 试，得出一种解决办法。</p>
<p><strong>例1：(IE浏览器)普通的情况</strong></p>
<pre>
&lt;table border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/1.gif" /><br />
可以看到width=80并没有起作用，表格被字符撑开了。</p>
<p>&nbsp;</p>
<p><strong>例2：(IE浏览器)使用样式table-layout:fixed</strong></p>
<pre>
&lt;style&gt;<br /><br />.tbl {table-layout:fixed}<br /><br />&lt;/style&gt;<br /><br /><br /><br />&lt;table class=tbl border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/2.gif" /><br />
width=80起作用了，但是表格换行了。</p>
<p>&nbsp;</p>
<p><strong>例3：(IE浏览器)使用样式table-layout:fixed与nowrap</strong></p>
<pre>
&lt;style&gt;<br /><br />.tbl {table-layout:fixed}<br /><br />&lt;/style&gt;<br /><br /><br /><br />&lt;table class=tbl border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td nowrap&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/3.gif" /><br />
width=80起作用了，换行也被干掉了。</p>
<p>&nbsp;</p>
<p><strong>例4：(IE浏览器)在使用数值固定td大小情况下使用样式table-layout:fixed与nowrap</strong></p>
<pre>
&lt;style&gt;<br /><br />.tbl {table-layout:fixed}<br /><br />&lt;/style&gt;<br /><br /><br /><br />&lt;table class=tbl border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td width=20 nowrap&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />    &lt;td nowrap&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/4.gif" /><br />
不幸发生了，第一个td的nowrap不起作用了</p>
<p>&nbsp;</p>
<p><strong>例5：(IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap</strong></p>
<pre>
&lt;style&gt;<br /><br />.tbl {table-layout:fixed}<br /><br />&lt;/style&gt;<br /><br /><br /><br />&lt;table class=tbl border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td width=25% nowrap&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />    &lt;td nowrap&gt;abcdefghigklmnopqrstuvwxyz 1234567890<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/5.gif" /><br />
改成百分比，终于搞定了</p>
<p>&nbsp;</p>
<p><strong>例6：(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap</strong>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/6.gif" /><br />
把例5放到firefox下面，又ft了</p>
<p><strong>例7：(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div</strong></p>
<pre>
&lt;style&gt;<br /><br />.tbl {table-layout:fixed}<br /><br />.td {overflow:hidden;}<br /><br />&lt;/style&gt;<br /><br /><br /><br />&lt;table class=tbl border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td width=25% class=td nowrap&gt;<br /><br />      &lt;div&gt;abcdefghigklmnopqrstuvwxyz 1234567890&lt;/div&gt;<br /><br />    &lt;/td&gt;<br /><br />    &lt;td class=td nowrap&gt;<br /><br />      &lt;div&gt;abcdefghigklmnopqrstuvwxyz 1234567890&lt;/div&gt;<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/7.gif" /><br />
天下终于太平了</p>
<p>&nbsp;</p>
<p><strong>例8：(Firefox浏览器)在使用数值固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div</strong></p>
<pre>
&lt;style&gt;<br /><br />.tbl {table-layout:fixed}<br /><br />.td {overflow:hidden;}<br /><br />&lt;/style&gt;<br /><br /><br /><br />&lt;table class=tbl border=1 width=80&gt;<br /><br />  &lt;tr&gt;<br /><br />    &lt;td width=20 class=td nowrap&gt;<br /><br />      &lt;div&gt;abcdefghigklmnopqrstuvwxyz 1234567890&lt;/div&gt;<br /><br />    &lt;/td&gt;<br /><br />    &lt;td class=td nowrap&gt;<br /><br />      &lt;div&gt;abcdefghigklmnopqrstuvwxyz 1234567890&lt;/div&gt;<br /><br />    &lt;/td&gt;<br /><br />  &lt;/tr&gt;<br /><br />&lt;/table&gt;</pre>
<p>效果：<img alt="" src="http://www.simplelife.cn/blog/images/2005/8.gif" /><br />
nowrap又不起作用了</p>
<p>&nbsp;</p>
<p>最终，例7是一个在IE和Firefox都可以完美解决页面强制换行问题的解决方案。</p>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=132</link>
			<title><![CDATA[iframe属性]]></title>
			<author>(feng)</author>
			<category><![CDATA[简历和作品]]></category>
			<pubDate>Wed,03 Sep 2008 13:10:33 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=132</guid>
		<description><![CDATA[&lt;iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=&#34;move-ad.htm&#34;&gt;&lt;/iframe&gt;<br/><br/><br/>&lt;IFRAME&gt;用于设置文本或图形的浮动图文框或容器。<br/>BORDER<br/>&lt;IFRAME BORDER=&#34;3&#34;&gt;&lt;/IFRAME&gt;<br/>设定围绕图文框的边缘宽度<br/>FRAMEBODER<br/>&lt;IFRAME FRAMEBODER=&#34;0&#34;&gt;&lt;/IFRAME&gt;<br/>设置边框是不否为3维（0=否，1=是）<br/><br/>HEIGHT,WIDTH<br/>&lt;IFRAME HEIGHT=&#34;31&#34; WIDTH=&#34;88&#34;&gt;&lt;/IFRAME&gt;<br/>设质边框的宽度和高度<br/><br/>SCROLLING<br/>&lt;IFRAME SCROLLING=&#34;NO&#34;&gt;&lt;/IFRAME&gt;<br/>是否有滚动条（YES,NO,AUTO)<br/><br/>SRC<br/>&lt;IFRAME SRC=&#34;GIRL.GIF&#34;&gt;&lt;/IFRAME&gt;<br/>指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) <br/>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=131</link>
			<title><![CDATA[去掉a链接虚框的两种方法：样式表法和HTC法]]></title>
			<author>(feng)</author>
			<category><![CDATA[简历和作品]]></category>
			<pubDate>Tue,26 Aug 2008 14:31:13 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=131</guid>
		<description><![CDATA[去掉a链接虚框的两种方法：样式表法和HTC法，很实用,已测试通过.<br/><br/>当链接指向为页外目标时，我们点击该链接，其四周会出现一个虚框，文字链接和图片链接都会如此。去除虚框可以用JavaScript的this.blur()实现，然而，每一个超链语句都写上this.blur()工作量会很大，我们有必要寻求一种高效的方法。<br/><br/>IE从5.5版本开始支持Web行为的概念。这些行为是由后缀名为.htc的脚本文件描述的，它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX控件）来完成这个功能。Web行为还是推荐的扩展IE对象模型和控件集的方法。微软在它的开发者站点上的DHTML行为库栏目里提供了几个定制的Web行为：WebService行为。 <br/><br/>我们就是利用上述.htc文件来轻而易举地实现成批去除超链虚框。以下内容保存为后缀名为.htc的文件（使用时请将全角标点符号改为小角）： <br/><br/>＜public:attach event=＂onfocus＂ onevent=＂quit()＂ /＞ <br/>＜script language=＂javascript＂＞ <br/>function quit(){ <br/>this.blur(); <br/>} <br/>＜/script＞ <br/>然后，在需要去除超链虚框的页面的＜head＞和＜/head＞之间加入： <br/><br/>＜style type=＂text/css＂＞ <br/>a {behavior:url(＂htc文件＂)} <br/>＜/style＞ <br/>如果页面已经有了style标签，只需要将 a {behavior:url(＂htc文件＂)} 一句插入里面即可。 <br/><br/>这样，该页面的超链在点击之后的虚框将不复存在，页面显得干干净净。<br/><br/>去掉链接时的虚框只要在你的样式表中加入以下代码,就可以去掉链接时烦的的虚框&nbsp;&nbsp;<br/><br/>a,area { blr:e&#173;xpression(this.onFocus=this.blur()) } /* for IE */<br/>:focus { -moz-outline-style: none; } /* for Firefox */&nbsp;&nbsp;<br/>是不是很简单.<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.2cup.net/article.asp?id=130</link>
			<title><![CDATA[让<pre>自动换行]]></title>
			<author>(feng)</author>
			<category><![CDATA[简历和作品]]></category>
			<pubDate>Tue,26 Aug 2008 10:46:55 +0800</pubDate>
			<guid>http://www.2cup.net/default.asp?id=130</guid>
		<description><![CDATA[制作网站的过程中,用到&lt;pre&gt;来格式化html文档，它可以简单快捷地达到我们需要的格式，但是使用&lt;pre&gt;定义格式又经常不能自动换行。<br/>经过多方打听和实践，发现在css中采用以下方法可行。<br/><br/>css代码：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.2cup.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">/* Browser specific (not valid) styles to make preformatted text wrap */<br/><br/>pre {<br/>white-space: pre-wrap;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* css-3 */<br/>white-space: -moz-pre-wrap;&nbsp;&nbsp;/* Mozilla, since 1999 */<br/>white-space: -pre-wrap;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* Opera 4-6 */<br/>white-space: -o-pre-wrap;&nbsp;&nbsp;&nbsp;&nbsp;/* Opera 7 */<br/>word-wrap: break-word;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Internet Explorer 5.5+ */<br/>} </div></div><br/><br/>这样就可以使页面pre部分自动换行了,此方法在div下可行。<br/><br/>在IE及table tr td 下无效,需要另外设置.]]></description>
		</item>
		
</channel>
</rss>
