0

私はJavaScriptで動的に作成し、次のように終了するフォームを持っています:

mybreak=document.createElement("p");
form.appendChild(mybreak);

var buttonElement = document.createElement('button');
buttonElement.setAttribute("type","submit");
buttonElement.innerHTML="<img src=\"images/lock.png\"  width=\"80\" height=\"80\" alt=\"Submit\"/>Try it!";
form.appendChild(buttonElement);

これにより、送信ボタンがページ上で左揃えになります。代わりにページの中央に配置したいと思います。innerHTML を追加すると、ボタン内のテキストが中央に配置されますが、これは私が望むものではありません。私の子に align = center 属性を追加すると、同じ効果があります。

送信ボタンをページの中央に配置するために、ここで見逃しているトリックは何ですか?

ありがとう

4

3 に答える 3

0

自分の質問に答えるのは奇妙に感じますが、フォームを動的に作成していて、最後の送信ボタンを中央に配置するだけでよいため、送信ボタンをjavascriptから厳密に中央に配置する方法を理解することでした。

解決策は、元のコードを次のように変更するだけです。

 newDiv = document.createElement("div");
 newDiv.setAttribute("align","center");

 var buttonElement = document.createElement('button');
 buttonElement.setAttribute("text-align","center");
 buttonElement.setAttribute("type","submit");
 buttonElement.innerHTML="<img src=\"images/lock.png\"  width=\"80\" height=\"80\" alt=\"Submit\"/>Try it!";
 newDiv.appendChild(buttonElement);
 form.appendChild(newDiv);
于 2012-09-13T05:12:57.167 に答える
0

<p>ボタンを保持する にCSS を追加します。

p {
    text-align:center;
}
于 2012-09-11T18:32:30.243 に答える
0

CSS を使用する:

#element_containing_submit_btn { text-align: center; }

http://jsfiddle.net/egd9G/

于 2012-09-11T18:32:42.253 に答える