0

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

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

这是我现在使用的代码：

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);
4

1 回答 1

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/上的示例

于 2012-10-19T06:15:14.933 回答