将 div 的内容居中 - 使用 CSS答案

【问题标题】：Centering contents of a div - using CSS将 div 的内容居中 - 使用 CSS
【发布时间】：2012-02-28 19:54:26
【问题描述】：

我在用户控件中有以下来源：

<asp:Panel runat="server" ID="PanelParametersList" CssClass="AccessReportParameterControls"></asp:Panel>

<div class = "buttonpanel">
<asp:Button ID="Button1" runat="server" Text="View Report" 
    onclick="Button1_Click"></asp:Button>
<asp:Button ID="Button2" runat="server" Text="Back" 
    onclick="Button2_Click"></asp:Button>
</div>

在包含 aspx 页面的标题中，我添加了 css 样式：

<style type="text/css">
    .ReportViewer_AccessReportViewer { position:absolute; top:50px; }
    .ReportViewer_AccessReportViewer_noparams { position:absolute; top:0px; }
    .AccessReportParameterControls {width: 100%; background-color: #E4E4EC; padding: 5px; }
    .ParameterContainer {width: 100%;}
    .ParameterControlLabel {padding:0, 10, 0, 10;}
    .AccessReportParameters {width: 100%;}
    .buttonpanel {margin:0 auto; }

</style>

我正在尝试将按钮面板 div 的内容居中，但没有运气.....有什么想法吗？

【问题讨论】：

编辑你的标题，你的问题标题和正文没有关系！
@user -- 如果它修复/解决了您的问题，请接受答案！！
@Vivek -> 我非常讨厌像你这样拥有 177 名声望的人告诉那些使用该网站的人足以弄清楚它是如何工作的，如果有帮助就接受答案。停止浪费像素。

标签： c# asp.net .net html css

【解决方案1】：

用于使 div 中的内容居中

text-align:center;

【讨论】：

同意，你也可以添加 margin:0 auto 所以它会是.buttonpanel{text-align:center;margin:0 auto}

【解决方案2】：

<div class = "parent">
    <button />
</div>

风格：

.parent{
    text-align:center;
}

这就是你需要做的。在任何父容器中将text-align 设置为center，inline 元素将遵循规则。

作为一个好的做法，我建议您将样式放在不同的 style.css 文件中，并将其放在您的 .asp 文件中：

<link href="style.css" rel="stylesheet" type="text/css" />

【讨论】：