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 に答える