mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-14 03:30:17 +01:00
159 lines
2.5 KiB
HTML
159 lines
2.5 KiB
HTML
<!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>
|