html - 表格细胞变换规模

在下面的代码中，我尝试缩放表格单元格。细胞规模但表格大小保持不变。如何根据细胞规模来扩展表。

细胞比例后，表边框和细胞边界之间的空间是多少？

<html>
    <head>
        <script>
            function changeSize(){                     
             document.getElementById('dd').style.transform="scale(0.5,0.5)";
            }
        </script>
    </head>
    <body>
        <table style="border:1px solid black">
            <tr id="dd">
                <td id="dd1" style="border:1px solid red;background-color:yellow;font-size:40px;">
                CONTENT
                </td>
            </tr>
        </table>
        <button onclick="changeSize()">Resize</button>
    </body>
</html>

表格细胞变换规模

0 个答案: