1

center タグを使用して画面上の 2 つのボタンを中央に配置するコードがあります。

<center>
    <input type="button" onclick="parent.window.close();" value="Close Window" id="Button1" name="Button1" />
    <% 
       if (Session["MyRoleName"].ToString().ToUpper() == "SUPERMANADMIN")
       {
    %>
    <input type="button" onclick="if (confirm('ARE YOU SURE?  This cannot be undone except by IT at great cost!')) { PurgeCourse(); }" value="Purge Course Comments" id="Button2" name="Button2" />
    <%  } %>
</center>

center タグは非推奨なので、タグに置き換えてみようと思い<div>、マージンを margin: 0 auto に設定しました。これにより、ボタンが画面の中央に配置されませんでした。

<center>私の質問は、タグを使用せずに、これら 2 つのボタンを水平方向に画面の中央に配置するにはどうすればよいですか?

4

2 に答える 2

2

サンプルとして、css を使用してこれを実行してみてください。

<div style="text-align: center">
    <input type="button" onclick="parent.window.close();" value="Close Window" id="Button1" name="Button1" />
    <% if (Session["MyRoleName"].ToString().ToUpper() == "SUPERMANADMIN") { %>
    <input type="button" onclick="if (confirm('ARE YOU SURE?  This cannot be undone except by IT at great cost!')) { PurgeCourse(); }" value="Purge Course Comments" id="Button2" name="Button2" />
    <%  } %>
</div>
于 2013-08-22T19:59:28.793 に答える
1

を使用して何かをセンタリングするmargin: 0 autoことは、幅が設定されているブロックレベルの要素でのみ機能します (そうしないと、親要素の全幅にまたがってしまいます)。

text-align: center要素内でテキストを中央に配置しようとしているだけであれば問題ありません。

CSS テキスト プロパティに関する完全なドキュメントは、http ://www.w3.org/TR/CSS21/text.html にあります。

于 2013-08-22T20:25:48.640 に答える