wpt / css / css-flexbox / flexbox_table-fixed-layout.html

Status: PASS | Duration: 6ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-flexbox/flexbox_table-fixed-layout.html

<!DOCTYPE html>
<title>flexbox | flexcontainers in tables</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
<link rel="match" href="../reference/blank.html">
<style>
table {
	width: 0;
	table-layout: fixed;
	border-spacing: 0;
}
td {
	background: #3366cc;
	padding: 0;
	overflow: hidden;
}
div {
	background: white;
	width: 300px;

	display: flex;
	flex-wrap: wrap;
}
p {
	xcolor: white;
	background: yellow;
	margin: 1em;
	width: 200px;
}
</style>

<table>
<tr>
<td>
	<div>
		<p>filler</p>
		<p>filler</p>
		<p>filler</p>
		<p>filler</p>
		<p>filler</p>
	</div>
</td>
<td>
	<div>
		<p>filler</p>
		<p>filler</p>
		<p>filler</p>
		<p>filler</p>
		<p>filler</p>
	</div>
</td>
</tr>
</table>

/css/reference/blank.html

<!doctype html>
<title>CSS Test Reference</title>
<!-- Intentionally blank -->