calc-width-table-fixed-1

width: calc() on table-layout: auto tables

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3   <title>CSS Test: width: calc() on table-layout: auto tables</title>
 4   <link href="https://dbaron.org/" rel="author" title="L. David Baron">
 5   <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
 6   <link href="reference/calc-width-table-fixed-1-ref.htm" rel="match">
 7   <meta content="" name="flags">
 8 <style type="text/css">
 9 table { table-layout: fixed; width: 500px; border-spacing: 0 }
10 </style>
11 </head>
12 <body>
13 <table border="">
14   <tbody><tr>
15     <td style="width: calc(500px)">x</td>
16     <td style="width: 100px">y</td>
17 </tr></tbody></table>
18 <table border="">
19   <tbody><tr>
20     <td style="width: calc(50%)">x</td>
21     <td style="width: 100px">y</td>
22 </tr></tbody></table>
23 <table border="">
24   <tbody><tr>
25     <td style="width: calc(2 * 10% + 0.5 * 500px)">x</td>
26     <td style="width: 100px">y</td>
27 </tr></tbody></table>
28 
29 
30 </body></html>