jquery - 帮助处理表格和 div 的 css 格式

Question

我有以下 html(我也在使用 Jquery 和 JqueryUI)

<div style="display:none; position:fixed; z-index:100;padding:0;margin:0" class="ui-state-highlight" id="Info">
        <table cellpadding="0" cellspacing="0" style="padding:0;margin:0">
            <tr style="padding:0;margin:0;">
                <td><span class="ui-icon ui-icon-info"></span></td>
                <td width = "100%" style="padding:0;margin:0;"><div id = "InfoText"></div></td>
                <td><button style="width:25px;height:25px;margin:0;padding:0" id="closeInfo"></button></td>
            </tr>
        </table>            
    </div>

它产生以下内容:

看到我用红色圈出的地方了吗？我想摆脱按钮下方的黄色空间，但我不知道如何...

谢谢!

已解决:

<div style="display:none; position:fixed; z-index:100" class="ui-state-highlight" id="Info">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td><span class="ui-icon ui-icon-info"></span></td>
                    <td width = "100%"><div id = "InfoText"></div></td>
                    <td><button style="width:25px;height:25px;vertical-align:middle;display:block;" id="closeInfo"></button></td>
                </tr>
            </table>            
        </div>

Answer 1

我认为这是一个对齐问题，尝试:

<td valign="middle">  
  <button style="[...]; vertical-align:middle; display:block;"></button>
</td>