css属性border-collapse(细表格)empty-cells(显示空列,没看出来效果)text-transform(大小写)

Post author:xfxia
Post published:2023年9月26日
Post category:其他

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

原文链接：https://blog.csdn.net/greatverve/article/details/4391360

你可能也喜欢