如何允许用户放大或缩小 html 表格的大小？答案

【问题标题】：How do I allow users to enlarge or decrease the size of a html table?如何允许用户放大或缩小 html 表格的大小？
【发布时间】：2013-05-13 21:43:16
【问题描述】：

我正在做一个小型音板项目，我添加了一个东西来创建网站动态

当您单击增大/减小时，它会增大/减小按钮中的文本大小。不幸的是它没有用，除非它包括一个表格调整大小和一个按钮调整大小。

下面是实际代码：http://serverbc.ucoz.com/main.html
滚动到页面底部以查看按钮！

我需要添加什么才能使其正常工作？

顺便说一句！这是我如何做文本的代码：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">       
    </script>
    <div id="box1">
    <font color=white>rrrr</font>
    </div>

    <script type="text/javascript">
    $(document).ready(function(){
     $(".increaseFont,.decreaseFont").click(function(){
     var type=  $(this).val();
      var curFontSize = $('#box1').css('font-size');
      if(type=='increase'){
       $('#box1').css('font-size', parseInt(curFontSize)+1);
       }
     else{
       $('#box1').css('font-size', parseInt(curFontSize)-1);
      }
        });
    });
    </script>


    <div><input type="button" value="increase" class="increaseFont"></input></div>
    <div><input type="button" value="decrease" class="decreaseFont"></input></div>

【问题讨论】：

您的 CSS 将您的表格设置为固定宽度 width: 1050px;。你已经限制了它，使它不能增长。

标签： jquery function text interactive

【解决方案1】：

您正在为按钮类Button 使用固定宽度。它不会以固定的宽度增长。从 Button 类中删除 width 属性并尝试。

:查看http://jsfiddle.net/akhilrs/qXHKn/

【讨论】：