表格细胞变换规模

时间:2016-04-20 09:31:42

标签: html html-table cell scale

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

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

<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 个答案:

没有答案