Consecutive TableCell children directly under a Table box are now wrapped in anonymous TableRow boxes before layout proceeds. This fixes the case where <li> elements styled with display:table-cell inside a display:table parent received 0x0 dimensions because the table grid algorithm only recognized TableRow children. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
30 lines
355 B
HTML
30 lines
355 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
ul {
|
|
display: table;
|
|
width: 300px;
|
|
border: 1px solid black;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
li {
|
|
display: table-cell;
|
|
width: 100px;
|
|
height: 40px;
|
|
border: 1px solid gray;
|
|
padding: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<ul>
|
|
<li>One</li>
|
|
<li>Two</li>
|
|
<li>Three</li>
|
|
</ul>
|
|
</body>
|
|
</html>
|