帮助表和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>

Answer 2

也包括适用的css文件样式。

根据你的建议，我建议：

<td width="100%;padding:0;"><div id ="InfoText"></div></td>
<td><button style="width:25px;height:25px;margin:0;" id="closeInfo"></button></td>