36 lines
753 B
HTML
36 lines
753 B
HTML
<style>
|
|
.child {
|
|
width: 75px;
|
|
height: 20px;
|
|
background-color: salmon;
|
|
display: inline-block;
|
|
}
|
|
.container {
|
|
display: inline-block;
|
|
border: 5px solid grey;
|
|
}
|
|
table {
|
|
background-color: pink;
|
|
}
|
|
</style>
|
|
|
|
<div class="container" data-expected-width=210>
|
|
<table style="max-width: 200px">
|
|
<td>
|
|
<div class="child"></div>
|
|
<div class="child"></div>
|
|
<div class="child"></div>
|
|
</td>
|
|
</table>
|
|
</div>
|
|
<br>
|
|
|
|
<div class="container" data-expected-width=210>
|
|
<table style="width: 100px; min-width: 200px; table-layout: fixed"><td><div class="child"></div></td></table>
|
|
</div>
|
|
|
|
<script src="../../resources/check-layout.js"></script>
|
|
<script>
|
|
checkLayout('.container');
|
|
</script>
|