﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-itVincent Blog - Java Working Fun!-随笔分类-html &amp; css</title><link>http://www.blogjava.net/itvincent/category/38853.html</link><description>技术引领时代！</description><language>zh-cn</language><lastBuildDate>Thu, 22 Sep 2011 18:04:33 GMT</lastBuildDate><pubDate>Thu, 22 Sep 2011 18:04:33 GMT</pubDate><ttl>60</ttl><item><title>google lib做的html5 webGL演示</title><link>http://www.blogjava.net/itvincent/archive/2011/09/22/359256.html</link><dc:creator>itVincent</dc:creator><author>itVincent</author><pubDate>Thu, 22 Sep 2011 06:03:00 GMT</pubDate><guid>http://www.blogjava.net/itvincent/archive/2011/09/22/359256.html</guid><wfw:comment>http://www.blogjava.net/itvincent/comments/359256.html</wfw:comment><comments>http://www.blogjava.net/itvincent/archive/2011/09/22/359256.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/itvincent/comments/commentRss/359256.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/itvincent/services/trackbacks/359256.html</trackback:ping><description><![CDATA[<div>http://bodybrowser.googlelabs.com/</div><img src ="http://www.blogjava.net/itvincent/aggbug/359256.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/itvincent/" target="_blank">itVincent</a> 2011-09-22 14:03 <a href="http://www.blogjava.net/itvincent/archive/2011/09/22/359256.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>让文字不可选的方法（IE，FF）</title><link>http://www.blogjava.net/itvincent/archive/2009/11/02/300650.html</link><dc:creator>itVincent</dc:creator><author>itVincent</author><pubDate>Mon, 02 Nov 2009 02:27:00 GMT</pubDate><guid>http://www.blogjava.net/itvincent/archive/2009/11/02/300650.html</guid><wfw:comment>http://www.blogjava.net/itvincent/comments/300650.html</wfw:comment><comments>http://www.blogjava.net/itvincent/archive/2009/11/02/300650.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/itvincent/comments/commentRss/300650.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/itvincent/services/trackbacks/300650.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IE中最合适的屏蔽选择方法是在HTML标签中加入unselectable="on"，不过有人说onselectstart="return false;"这个方法也很好啊，但是这个方法有一个特性，加了这个参数后的标签，所有子标签都不能选择，例如给&lt;table&gt;加了onselectstart="return false;"，在&lt;table&gt;中有一个&lt;input type="text"&gt;，这样在input中输入的内容也将不能选中，如果使用前者unselectable="on"，则不会有这样的问题。<br />
而在FF中，处理屏蔽选择则要灵活得多，FF屏蔽选择的样式定义：-moz-user-select属性。
<p>简单实例：</p>
<p style="text-indent: 21pt">&lt;div style="-moz-user-select:none;" &gt;ff下不能选择我！&lt;/div&gt;</p>
<p>该属性可以说有三个属性值：</p>
<p style="margin-left: 18pt; text-indent: -18pt">1、none：在FF2.0测试,用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。 </p>
<p style="margin-left: 18pt; text-indent: -18pt">2、-moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。</p>
<p style="margin-left: 18pt; text-indent: -18pt">3、-moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外（已经过测试）。</p>
<p>关系列表：</p>
<table style="border-right: medium none; border-top: medium none; border-left: medium none; border-bottom: medium none; border-collapse: collapse" cellspacing="0" cellpadding="0" border="1">
    <tbody>
        <tr>
            <td style="border-right: black 1pt solid; padding-right: 5.4pt; border-top: black 1pt solid; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: black 1pt solid" valign="top" width="148">
            <p>&nbsp;</p>
            </td>
            <td style="border-right: black 1pt solid; padding-right: 5.4pt; border-top: black 1pt solid; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: black 1pt solid" valign="top" width="148">
            <p>Input表单中文字</p>
            </td>
            <td>
            <p>一般页面文字</p>
            </td>
        </tr>
        <tr>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: 1pt solid; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>设置none</p>
            </td>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>不可选</p>
            </td>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>不可选</p>
            </td>
            <td></td>
        </tr>
        <tr>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: 1pt solid; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>设置moz-none</p>
            </td>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>可选</p>
            </td>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>不可选</p>
            </td>
            <td></td>
        </tr>
        <tr>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: 1pt solid; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>设置moz-all</p>
            </td>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>不可选</p>
            </td>
            <td style="border-right: 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 110.7pt; padding-top: 0cm; border-bottom: 1pt solid" valign="top" width="148">
            <p>可选</p>
            </td>
            <td></td>
        </tr>
    </tbody>
</table>
<br />
 <img src ="http://www.blogjava.net/itvincent/aggbug/300650.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/itvincent/" target="_blank">itVincent</a> 2009-11-02 10:27 <a href="http://www.blogjava.net/itvincent/archive/2009/11/02/300650.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【转】超链接不产生聚焦的方法（IE，FF）</title><link>http://www.blogjava.net/itvincent/archive/2009/11/02/300648.html</link><dc:creator>itVincent</dc:creator><author>itVincent</author><pubDate>Mon, 02 Nov 2009 02:18:00 GMT</pubDate><guid>http://www.blogjava.net/itvincent/archive/2009/11/02/300648.html</guid><wfw:comment>http://www.blogjava.net/itvincent/comments/300648.html</wfw:comment><comments>http://www.blogjava.net/itvincent/archive/2009/11/02/300648.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/itvincent/comments/commentRss/300648.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/itvincent/services/trackbacks/300648.html</trackback:ping><description><![CDATA[<p>hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：onFocus="this.blur()" <br />
它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 <br />
你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。</p>
<p>在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即：</p>
<p>&nbsp;&nbsp;&nbsp; 而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：<br />
<br />
<font color="#ff0000">a {<br />
outline:none;<br />
}<br />
<br />
<span style="color: #000000">转自</span><a href="http://www.cnblogs.com/cuihongyu3503319/archive/2008/12/26/1363081.html">http://www.cnblogs.com/cuihongyu3503319/archive/2008/12/26/1363081.html</a></font></p>
<img src ="http://www.blogjava.net/itvincent/aggbug/300648.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/itvincent/" target="_blank">itVincent</a> 2009-11-02 10:18 <a href="http://www.blogjava.net/itvincent/archive/2009/11/02/300648.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[转]XML和HTML常用转义字符</title><link>http://www.blogjava.net/itvincent/archive/2009/09/16/295261.html</link><dc:creator>itVincent</dc:creator><author>itVincent</author><pubDate>Wed, 16 Sep 2009 02:16:00 GMT</pubDate><guid>http://www.blogjava.net/itvincent/archive/2009/09/16/295261.html</guid><wfw:comment>http://www.blogjava.net/itvincent/comments/295261.html</wfw:comment><comments>http://www.blogjava.net/itvincent/archive/2009/09/16/295261.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/itvincent/comments/commentRss/295261.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/itvincent/services/trackbacks/295261.html</trackback:ping><description><![CDATA[<div id="header">
<h1>&nbsp;</h1>
</div>
<div id="main">
<div>
<h2><a id="ctl04_TitleUrl" href="http://www.cnblogs.com/anjou/archive/2007/03/15/676476.html">xml和htmL常用转义字符</a> </h2>
<div>XML和HTML中都有一些特殊的字符，这些字符在XML和HTML中是不能直接使用的，如果必须使用这些字符，应该使用其对应的转义字符。<br />
<br />
<span style="color: #3366ff">XML常用转义字符：<br />
<table style="border-right: medium none; border-top: medium none; margin: 5px auto auto 0.1pt; border-left: medium none; border-bottom: medium none; border-collapse: collapse" cellspacing="0" cellpadding="0" border="1">
    <tbody>
        <tr style="height: 15.1pt">
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; border-top: silver 1pt solid; padding-left: 5.4pt; background: #e6e6e6; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><strong><span style="line-height: 150%; font-family: 宋体">字符</span></strong></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; border-top: silver 1pt solid; padding-left: 5.4pt; border-left-color: #ece9d8; background: #e6e6e6; padding-bottom: 0cm; width: 135pt; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><strong><span style="line-height: 150%; font-family: 宋体">转义字符</span></strong></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; border-top: silver 1pt solid; padding-left: 5.4pt; border-left-color: #ece9d8; background: #e6e6e6; padding-bottom: 0cm; width: 225pt; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><strong><span style="line-height: 150%; font-family: 宋体">描述</span></strong></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&amp;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%"><span style="line-height: 150%">&amp;amp;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: left" align="left"><span style="line-height: 150%; font-family: 宋体">和</span></p>
            </td>
        </tr>
        <tr style="height: 15.1pt">
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&lt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;lt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: left" align="left"><span style="line-height: 150%; font-family: 宋体">小于号</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&gt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%"><span style="line-height: 150%">&amp;gt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: left" align="left"><span style="line-height: 150%; font-family: 宋体">大于号</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">"</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%"><span style="line-height: 150%">&amp;quot;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: left" align="left"><span style="line-height: 150%; font-family: 宋体">双引号</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">'</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%"><span style="line-height: 150%">&amp;apos;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: left" align="left"><span style="line-height: 150%; font-family: 宋体">单引号</span></p>
            </td>
        </tr>
    </tbody>
</table>
<br />
</span><span style="color: #3366ff">HTML常用转义字符：<br />
<table style="border-right: medium none; border-top: medium none; margin: 5px auto auto 0.1pt; border-left: medium none; border-bottom: medium none; border-collapse: collapse" cellspacing="0" cellpadding="0" border="1">
    <tbody>
        <tr style="height: 15.1pt">
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; border-top: silver 1pt solid; padding-left: 5.4pt; background: #e6e6e6; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><strong><span style="line-height: 150%; font-family: 宋体">字符</span></strong></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; border-top: silver 1pt solid; padding-left: 5.4pt; border-left-color: #ece9d8; background: #e6e6e6; padding-bottom: 0cm; width: 135pt; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><strong><span style="line-height: 150%; font-family: 宋体">转义字符</span></strong></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; border-top: silver 1pt solid; padding-left: 5.4pt; border-left-color: #ece9d8; background: #e6e6e6; padding-bottom: 0cm; width: 225pt; padding-top: 0cm; border-bottom: silver 1pt solid; height: 15.1pt" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; word-break: break-all; line-height: 150%; text-align: center" align="center"><strong><span style="line-height: 150%; font-family: 宋体">描述</span></strong></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&amp;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;amp;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">和</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&lt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;lt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">小于号</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&gt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;gt;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">大于号</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">"</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;quot;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">双引号</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48"></td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;nbsp;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">空格</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&#169;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;copy;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">版权符</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; border-left: silver 1pt solid; width: 36pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="48">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%; text-align: center" align="center"><span style="line-height: 150%">&#174;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 135pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="180">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%">&amp;reg;</span></p>
            </td>
            <td style="border-right: silver 1pt solid; padding-right: 5.4pt; padding-left: 5.4pt; border-left-color: #ece9d8; padding-bottom: 0cm; width: 225pt; border-top-color: #ece9d8; padding-top: 0cm; border-bottom: silver 1pt solid; background-color: transparent" valign="top" width="300">
            <p style="margin: 0cm 0cm 0pt; line-height: 150%"><span style="line-height: 150%; font-family: 宋体">注册符</span></p>
            </td>
        </tr>
    </tbody>
</table>
<br />
说明：转义字符应以&#8220;&amp;&#8221;开头，以&#8220;;&#8221;结尾。</span> <br />
</div>
</div>
</div>
<img src ="http://www.blogjava.net/itvincent/aggbug/295261.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/itvincent/" target="_blank">itVincent</a> 2009-09-16 10:16 <a href="http://www.blogjava.net/itvincent/archive/2009/09/16/295261.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[转]使文字竖排的方式(兼容IE FF)</title><link>http://www.blogjava.net/itvincent/archive/2009/05/08/269528.html</link><dc:creator>itVincent</dc:creator><author>itVincent</author><pubDate>Fri, 08 May 2009 01:29:00 GMT</pubDate><guid>http://www.blogjava.net/itvincent/archive/2009/05/08/269528.html</guid><wfw:comment>http://www.blogjava.net/itvincent/comments/269528.html</wfw:comment><comments>http://www.blogjava.net/itvincent/archive/2009/05/08/269528.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/itvincent/comments/commentRss/269528.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/itvincent/services/trackbacks/269528.html</trackback:ping><description><![CDATA[<h2><a title="Permanent Link: 文字竖排" href="http://shawphy.com/2009/04/vertical-ideographic.html" rel="bookmark">文字竖排</a></h2>
<abbr title="2009-04-13T21:36:50+0800">2009年4月13日 &#8211; 21:36</abbr> <!-- by Shawphy -->
<p>今日闲逛，走到了维基文库<a href="http://zh.wikisource.org/w/index.php?title=%E6%B0%B4%E8%AA%BF%E6%AD%8C%E9%A0%AD_(%E6%98%8E%E6%9C%88%E5%B9%BE%E6%99%82%E6%9C%89)">水调歌头 (明月几时有)</a>，恰巧发现他居然是文字竖排的，很有兴趣一看。</p>
<p>网上目前两种方法竖排，<br />
一种是用 writing-mode:tb-rl;<br />
另一种是用 layout-flow: vertical-ideographic;<br />
但遗憾的是，这两种方法都基本是 IE Only 的&#8230;&#8230;<br />
那么维基文库是如何做到的呢？随便翻看一下代码，恍然大悟~</p>
<div class="hl-surround">
<ol class="hl-main ln-show" ondblclick="linenumber(this)" title="Double click to hide line number.">
    <li class="hl-firstline"><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray"> </span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">font-size:xx-large;font-weight:bold;line-height:1em;width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">水調歌頭</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">蘇軾　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">明月幾時有　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">把酒問青天　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">不知天上宮闕　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">今夕是何年　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">我欲乘風歸去　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">又恐瓊樓玉宇　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">高處不勝寒　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">起舞弄清影　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">何似在人間　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">轉朱閣　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">低綺戶　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">照無眠　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">不應有恨　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">何事長向別時圓　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">人有悲歡離合　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">月有陰晴圓缺　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">此事古難全　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">但願人長久　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span><span style="color: gray">&nbsp;</span>
    <li><span style="color: olive">&lt;</span><span style="color: green">div</span><span style="color: gray">&nbsp;</span><span style="color: #00008b">style</span><span style="color: gray">=</span><span style="color: #8b0000">"</span><span style="color: red">width:1.5em; float:right;</span><span style="color: #8b0000">"</span><span style="color: olive">&gt;</span><span style="color: gray">千里共嬋娟　</span><span style="color: olive">&lt;/</span><span style="color: green">div</span><span style="color: olive">&gt;</span></li>
</ol>
</div>
<p>虽然代码不是很优雅（自动生成的&#8230;&#8230;）但大概意思也知道了。设置宽度为1.5倍的字宽，保证列距，然后让所有div右浮动。<br />
很简单又很有用的技巧，兼容各个主流浏览器~</p>
<p>最后引用一句，对于IE&#8220;不應有恨&#8230;&#8230;&#8221;，他有些私有属性还是挺有趣的&#8230;&#8230;<br />
（注：原文中&#8220;恨&#8221;是遗憾的意思。）</p>
<p class="postmetadata">本站采用<a href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/" target="_blank">创作共享</a>版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"<a href="http://shawphy.com/">shawphy.com</a>", 保留原始链接, 此外还必须标注原文标题和链接。</p>
<img src ="http://www.blogjava.net/itvincent/aggbug/269528.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/itvincent/" target="_blank">itVincent</a> 2009-05-08 09:29 <a href="http://www.blogjava.net/itvincent/archive/2009/05/08/269528.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>溢出文本显示省略号效果</title><link>http://www.blogjava.net/itvincent/archive/2009/04/07/264274.html</link><dc:creator>itVincent</dc:creator><author>itVincent</author><pubDate>Tue, 07 Apr 2009 07:52:00 GMT</pubDate><guid>http://www.blogjava.net/itvincent/archive/2009/04/07/264274.html</guid><wfw:comment>http://www.blogjava.net/itvincent/comments/264274.html</wfw:comment><comments>http://www.blogjava.net/itvincent/archive/2009/04/07/264274.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/itvincent/comments/commentRss/264274.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/itvincent/services/trackbacks/264274.html</trackback:ping><description><![CDATA[<table style="border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; width: 211px; border-bottom: 1px solid; height: 31px" bordercolor="#000000" cellspacing="0" cellpadding="0" width="211" border="1">
    <tbody>
        <tr>
            <td>溢出文本显示省略号效果...</td>
        </tr>
    </tbody>
</table>
<br />
想要达到这种效果，只要在CSS中加入以下样式<br />
text-overflow:ellipsis;&nbsp;<br />
white-space:nowrap;&nbsp;<br />
overflow:hidden;&nbsp;<br />
就可以实现所想要得到的溢出文本显示省略号效果，IE6以上支持此样式，但FF是不支持这个样式的。<br />
<br />
<br />
<img src ="http://www.blogjava.net/itvincent/aggbug/264274.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/itvincent/" target="_blank">itVincent</a> 2009-04-07 15:52 <a href="http://www.blogjava.net/itvincent/archive/2009/04/07/264274.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>