Google Git
Sign in
webkit / WebKit / 15e4da4b5ce83fcfe6de6863df44c60571019d5f / . / LayoutTests / fast / layoutformattingcontext / table-space-distribution-simple.html
blob: 2d6c608a38235d6b554ee762ac5a5196695a9216 [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] -->
<style>
body {
font-size: 16px;
overflow: hidden;
}
table {
border-spacing: 0px;
}
td {
height: 20px;
padding: 0px;
background-color: blue;
white-space: pre-wrap;
}
td:nth-child(odd) {
background-color: green;
}
div {
height: 20px;
}
</style>
<table style="width: 140px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 140px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 140px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 140px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 300px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 600px"><tr><td style="width: 300px;"></td><td style="width: 400px;"></td></tr></table>
<table style="width: 600px"><tr><td style="width: 400px;"></td><td style="width: 300px;"></td></tr></table>
<table style="width: 600px"><tr><td style="width: 400px;"></td><td style="width: 300px;"></td></tr></table>
<table style="width: 600px"><tr><td style="width: 400px;"><div style="width: 100px;"></div></td><td style="width: 300px;"><div style="width: 10px;"></div></td></tr></table>
<table style="width: 600px"><tr><td style="width: 800px;"><div style="width: 100px;"></div></td><td style="width: 300px;"><div style="width: 50px;"></div></td></tr></table>
<table style="width: 600px"><tr><td style="width: 400px;"><div style="width: 100px;"></div></td><td style="width: 300px;"><div style="width: 100px;"></div></td></tr></table>
<table style="width: 800px"><tr><td style="width: 140px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 800px"><tr><td style="width: 80px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td style="width: 240px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
<table style="width: 600px"><tr><td style="width: 200px;"><div style="width: 4px;"></div></td><td style="width: 200px;"><div style="width: 10px;"></div></td></tr></table>
<table style="width: 600px"><tr><td style="width: 200px;"><div style="width: 4px;"></div></td><td style="width: 200px;"><div style="width: 10px;"></div></td></tr></table>
<table style="width: 1600px"><tr><td style="width: 800px;"><div style="width: 100px;"></div></td><td style="width: 300px;"><div style="width: 50px;"></div></td></tr></table>
<table style="width: 2600px"><tr><td style="width: 400px;"><div style="width: 100px;"></div></td><td style="width: 300px;"><div style="width: 100px;"></div></td></tr></table>
<table style="width: 2600px"><tr><td style="width: 40px;"><div style="width: 200px;"></div></td><td style="width: 30px;"><div style="width: 100px;"></div></td></tr></table>
<table style="width: 2600px"><tr><td style="width: 40px;"><div style="width: 200px;"></div></td><td style="width: 30px;"><div style="width: 100px;"></div></td></tr></table>