我在html中的表格列会自动增加

Question

这是我的代码。

 <table id="addComments" style="width:430px; table-layout:fixed; display:none; padding-right:3px; padding-left:3px;">

                <tr>
                <td colspan="3">
                <textarea  id="textArea" rows="15" cols="0" style="width:430px; overflow:hidden;"></textarea>
                </td>
                </tr>

                <tr> 

                <td>
                <div id="noComments" style="color:red; display:none;">Please write your comments.</div>
                </td>

                    <td>   
                here is some image whose display is none
                    </td>

                <td> 
                <input id="commentBtn" type="button"  onclick="getTxt()" value="Add Comments"  class="button default bt-large"/>
                </td>

                </tr>

              </table>

在哪一行中是colspan，在第二行中有三列，当第一行中可见的一个隐藏列自动延伸时，有两列显示无任何解决方案

Answer 1

您已经有一个div来显示消息。摆脱3列，只使用一列。显示/隐藏列在浏览器中不起作用。对于图像和按钮，只需提及display：inline-block。

Answer 2

使用visibility: hidden;代替display:none;，这会为内容留出空间但不可见。