mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
62 lines
1.8 KiB
HTML
62 lines
1.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>CSS Test: Table Anonymous Box Generation - interleaved whitespace</title>
|
|
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping">
|
|
<meta name="assert" content="Anonymous white space inside a tabular container does not generate any boxes.">
|
|
<style type="text/css">
|
|
/* Must use <div> tables for this test because parsers do weird things
|
|
to the contents of <table>-related elements. */
|
|
.pre {
|
|
white-space: pre;
|
|
}
|
|
.table, table {
|
|
display: table;
|
|
border: solid silver;
|
|
border-spacing: 1px;
|
|
margin: 0.5em;
|
|
}
|
|
.row {
|
|
display: table-row;
|
|
}
|
|
.cell, td {
|
|
display: table-cell;
|
|
border: solid blue;
|
|
}
|
|
table, td {
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<p>The size and contents of the four silver boxes below must be identical.</p>
|
|
|
|
<div class="pre table">
|
|
<div class="cell">A</div>
|
|
<div class="cell">B</div>
|
|
<div class="row">
|
|
<div class="cell">C</div>
|
|
<div class="cell">D</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table">
|
|
<div class="cell">A</div>
|
|
<div class="cell">B</div>
|
|
<div class="row">
|
|
<div class="cell">C</div>
|
|
<div class="cell">D</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table"><div class="cell">A</div><div class="cell">B</div><div class="row"><div class="cell">C</div><div class="cell">D</div></div></div>
|
|
|
|
<!-- use a real <table> with all elements only as a control -->
|
|
<table>
|
|
<tr><td>A</td><td>B</td></tr>
|
|
<tr><td>C</td><td>D</td></tr>
|
|
</table>
|
|
</body>
|
|
</html> |