我有2个水平对齐的按钮。在大多数浏览器中,它们之间有一个空格,但如果你看到它:
<浏览器模式:IE7中的&amp; “文档模式:IE7标准”你可以看到2个按钮卡在一起。
有人可以建议我如何纠正这个问题,以便这些按钮之间始终保持一致的空间吗?
答案 0 :(得分:5)
您是否尝试将
放在它们之间?
IE不会向W3C标准呈现“填充”。 (请参阅here以获得解释。)几乎可以确定这个问题来自何处,因此您需要在它们之间插入一些内容以使其正常工作。
答案 1 :(得分:2)
您可以使用margin-left
属性将按钮向右移动一些像素,例如margin-left:3px
,但首先您必须删除input
和button
之间的空格。
答案 2 :(得分:2)
这解决了我的问题:
*padding: 2px; /* "*" is for lte IE 7 */
答案 3 :(得分:1)
试试这个
<input type="submit" class="button" id="Submit1" value="Remove" name="btnRemoveFunds"> <button class="button" id="Button1">Add More Funds</button>
确保您有空格
答案 4 :(得分:0)
这可能有助于您解决问题
答案 5 :(得分:-1)
我有3个解决这个问题的方法:
最简单的方法是使用
但当然不能专业使用。
使用padding
属性
margin-left
属性。