IE6中同一cell内的多个按钮对不齐整的问题_多个按钮一列,中间有没对齐怎么设置-优快云博客

本文链接：https://blog.youkuaiyun.com/hantiannan/article/details/4524605

本文详细阐述了在IE6浏览器中，表格内多个操作按钮出现非预期右对齐的问题，并通过调整代码布局成功解决，避免了在按钮边缘额外添加空格的现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前面在搞维护的时候，遇到同一个table的cell内有多个操作按钮的情况。这些按钮都是左对齐的，IE7，IE8，firefox和chrome中都是左对齐，唯独在IE6中不是左对齐。

代码例子如下：

    <tr>
    <td>
     ie6 button test
    </td>
    <td width="80" align="left" style="padding-left: 6px;">
        <input type="button" id="button1" name="button1" value="submit1">
        <input type="button" id="button2" name="button2" value="submit2">
         <input type="button" id="button3" name="button3" value="submit3">
    </td>
    </tr>

IE6中现象：

看代码也没看出问题来。最后在画面上瞎点，看到IE6的时候按钮的边上多了一个半角空格。现象是明白了，但是原因是什么呢？怎么解决呢？由于我对WEB开发经验不多，还郁闷了一番。

最后就尝试把HTML的排版改了一下就就解决了，代码如下。

<tr>
    <td>
     ie6 button test
    </td>
    <td width="80" align="left" style="padding-left: 6px;">
        <input type="button" id="button1" name="button1" value="submit1"><input type="button" id="button2" name="button2" value="submit2"><input type="button" id="button3" name="button3" value="submit3">
    </td>
    </tr>

这个地方只是把按钮的东西放在同一行上了，没有换行。难道IE6发现换行的时候也自动加一个半角空格？到现在我也不清楚是怎么回事，不过问题倒是解决了。呵呵！！！