Open
Description
https://drafts.csswg.org/css2/#blockwidth
https://drafts.csswg.org/css2/#dynamic-effects
<!DOCTYPE html>
<div style="border: solid; width: 150px">
<table style="width: 100px; height: 50px; border-spacing: 0; margin: auto; background: cyan">
<col style="visibility: collapse"></col>
<td></td>
<td></td>
</table>
</div>
Gecko | Blink | WebKit |
---|---|---|
![]() |
![]() |
![]() |
- Gecko resolves
auto
margins usingwidth: 100px
, so they become 25px each. Then the table ends up being only 50px, but the margins stay as 25px. - Blink resolves
auto
margins with the final width, so they become 50px each. - WebKit doesn't support
visibility: collapse
.
Blink seems better I guess.
Metadata
Metadata
Assignees
Labels
Type
Projects
Status
FTF agenda items