div內容居中-使用CSS

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