Question

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

<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>标记，并将边距设置为margin：0 auto。这并没有使屏幕上的按钮居中。

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

Answer 1

尝试使用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>

Answer 2

使用margin: 0 auto居中的东西仅适用于具有设定宽度的块级元素（否则它们将跨越其父元素的整个宽度）。

如果您只想将文本置于元素中心，那么

text-align: center就可以了。

您可以在此处找到有关CSS文字属性的完整文档：http://www.w3.org/TR/CSS21/text.html

如何在没有使用CSS的<center>标签的情况下居中？</center>

2 个答案: