1

我有一些代码使用中心标签将屏幕上的两个按钮居中：

<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>

由于不推荐使用中心标签，我想我会尝试用<div>标签替换它，并将边距设置为边距：0 auto。这没有使按钮在屏幕上居中。

我的问题是，如何在不使用<center>标签的情况下将这两个按钮水平居中在屏幕上？

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 回答