| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| "http://www.w3.org/TR/html4/strict.dtd"> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| <title>table overflow </title> |
| <meta name="GENERATOR" content="Arachnophilia 4.0"> |
| <meta name="FORMATTER" content="Arachnophilia 4.0"> |
| <style type="text/css"> |
| table { |
| table-layout : fixed; |
| border : 10px solid blue; |
| background-color: orange; |
| width:200px; |
| padding: 15px; |
| } |
| |
| td { |
| background-color:yellow; |
| } |
| *|* :table-outer { |
| overflow:hidden; |
| } |
| col.c2 { |
| background-color:red; |
| overflow:hidden; |
| } |
| colgroup.cg2 { |
| background-color:red; |
| overflow:hidden; |
| } |
| *.clipme { |
| overflow:hidden |
| } |
| |
| </style> |
| </head> |
| <body> |
| |
| <table cellspacing="15px"> |
| <caption> |
| clip at table-outer</caption> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr></table> |
| <br> |
| <table class="clipme" cellspacing="15px"> |
| <caption> |
| clip at table</caption> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr></table> |
| |
| <table cellspacing="15px"> |
| <caption> |
| clip at tr</caption> |
| <tr class="clipme"><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </table> |
| |
| <table cellspacing="15px"> |
| <colgroup> |
| <col> |
| <col class="clipme"> |
| </colgroup> |
| <caption> |
| clip column</caption> |
| <tr ><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </table> |
| |
| <table cellspacing="15px"> |
| <colgroup> |
| <col > |
| </colgroup> |
| <colgroup class="clipme"> |
| <col> |
| </colgroup> |
| <caption> |
| clip columngroup</caption> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </table> |
| |
| <table cellspacing="15px"> |
| <caption> |
| clip thead</caption> |
| <thead class="clipme"> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </thead> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </table> |
| |
| <table cellspacing="15px"> |
| <caption> |
| clip tbody</caption> |
| <thead> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </thead> |
| <tbody class="clipme"> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </tbody> |
| </table> |
| |
| <table cellspacing="15px"> |
| <caption> |
| clip tfoot</caption> |
| <tbody> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </tbody> |
| <tfoot class="clipme"> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </tfoot> |
| </table> |
| |
| <table cellspacing="15px"> |
| <caption> |
| clip td</caption> |
| <tbody> |
| <tr><td>cell1</td> |
| <td>contentwithoutspace |
| </td></tr> |
| </tbody> |
| <tfoot class="clipme"> |
| <tr><td>cell1</td> |
| <td class="clipme">contentwithoutspace |
| </td></tr> |
| </tfoot> |
| </table> |
| |
| |
| </body> |
| |
| </html> |
