登 录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml" ><br /> <head><br /> <title>css的两个属性border-collapse(细表格)empty-cells(显示空列,没看出来效果)text-transform(大小写)</title><br /> <mce:style type="text/css"><!--<br /> table.coll /*只有class属性为coll的才应用*/<br /> {<br /> border-collapse: collapse<br /> }<br /> table.sep<br /> {<br /> border-collapse: separate<br /> }<br /> .table/**/<br /> {<br /> border-collapse: separate;<br /> empty-cells: show<br /> }</p> <p>--></mce:style><style type="text/css" mce_bogus="1"> table.coll /*只有class属性为coll的才应用*/<br /> {<br /> border-collapse: collapse<br /> }<br /> table.sep<br /> {<br /> border-collapse: separate<br /> }<br /> .table/**/<br /> {<br /> border-collapse: separate;<br /> empty-cells: show<br /> }<br /> </style><br /> <mce:script type="text/javascript"><!--<br /> /***********************************<br /> /g是global全局替换，如果没有这个标识，只替换第一处<br /> /asdf/gi,i是忽略大小写。<br /> 还有个m不常用，是否换行匹配<br /> ***********************************/<br /> String.prototype.htmlEncode = function(){<br /> return this.replace(/</g,"<").replace(/>/g,">").replace(//n/g,"<br />");<br /> };<br /> function f(){<br /> document.getElementById("div1").innerHTML="<00<0>".htmlEncode();//编码之后<br /> alert("<00<0>".htmlEncode());<br /> document.getElementById("div2").innerHTML=document.getElementById("Text1").value.htmlEncode();//输入<>/n之类试试<br /> alert(document.getElementById("Text1").value.htmlEncode());<br /> }</p> <p>// --></mce:script><br /> </head><br /> <body><br /> <input id="Text1" type="text" value="<>/n" /><br /> <div id="div1">hello</div><br /> <input type="button" value="ok" onclick="f();" /><br /> <div id="div2">hi</div></p> <p><table class="coll" border="1"><br /> <tr><br /> <td>hello</td><br /> <td>hello</td><br /> </tr><br /> <tr><br /> <td>hello</td><br /> <td>hello</td><br /> </tr><br /> </table><br /> <table class="sep" border="1"><br /> <tr><br /> <td>hello</td><br /> <td>hello</td><br /> </tr><br /> <tr><br /> <td>hello</td><br /> <td>hello</td><br /> </tr><br /> </table><br /> <table border="1" class="table" style=" empty-cells:hide; text-transform:uppercase;" mce_style=" empty-cells:hide; text-transform:uppercase;"><br /> <tr><br /> <td>hello</td><br /> <td>hello</td><br /> </tr><br /> <tr><br /> <td></td><br /> <td>hello</td><br /> </tr><br /> </table><br /> </body><br /> </html><br />
抱歉!评论已关闭.