Question

我有一个放在按钮内的图像，问题出在Firefox中，图像正确对齐但在IE中图像正在移动到按钮的右上角。

我尝试了很多方法将它与中心对齐，但没有任何效果。我正在动态创建按钮和图像，我减少了图像的宽度和高度 - 这就是它在IE中不正确对齐的原因，但我不想更改图像和按钮的高度和宽度< / p>

这是我现在使用的代码：

var button = document.createElement("button");
button.setAttribute("type","button");
button.setAttribute("id","primaryDelTel"+nameCode+telephoneCount);
button.setAttribute("class","greybutton");
button.setAttribute("style","width:20px;height:20px;");
var delButton = document.createElement("img");
delButton.setAttribute("src","/theme/images/deleteButton.png");
delButton.setAttribute("height","10");
delButton.setAttribute("width","9");
button.appendChild(img);

Answer 1

你可以试试这个：

var button = document.createElement("button");
button.setAttribute("type","button");
button.setAttribute("id","primaryDelTel" + nameCode + telephoneCount);
button.setAttribute("class","greybutton");
button.setAttribute("style","width:20px; height:20px; padding:0; position:relative;");
document.body.appendChild(button);

var delButton = document.createElement("img");
delButton.setAttribute("src","/theme/images/deleteButton.png");
delButton.setAttribute("height","10");
delButton.setAttribute("width","10");
delButton.setAttribute("style","position:absolute; top:3px; left:3px;");
button.appendChild(delButton);

以下是JSFiddle http://jsfiddle.net/tf8K3/1/

的示例

将图像对齐IE中按钮的中心

1 个答案: