Question

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

<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的内容集中在一起，但我没有运气.....任何想法？

Answer 1

用于居中div的内容

text-align:center;

Answer 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" />

使用CSS来居中div的内容

2 个答案: