如何在页面中间对齐asp.net日历

Question

我无法弄清楚如何在页面中间对齐日历。

这是我的代码：

<div style="text-align:center">
<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="White" BorderWidth="1px" Font-Names="Verdana" Font-Size="9pt" ForeColor="Black" Height="190px" NextPrevFormat="FullMonth" Width="350px">
    <DayHeaderStyle Font-Bold="True" Font-Size="8pt" />
    <NextPrevStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333" VerticalAlign="Bottom" />
    <OtherMonthDayStyle ForeColor="#999999" />
    <SelectedDayStyle BackColor="#333399" ForeColor="White" />
    <TitleStyle BackColor="White" BorderColor="Black" BorderWidth="4px" Font-Bold="True" Font-Size="12pt" ForeColor="#333399" />
    <TodayDayStyle BackColor="#CCCCCC" VerticalAlign="Middle" HorizontalAlign="Center" />
    </asp:Calendar>

    <br />
</div>

Answer 1

将您的div样式更改为此：

<div style="width:X%; margin: 0 auto;">

将X设置为与日历的width属性相同。

您还可以将日历的width属性更改为100％而不是像素数量，然后将您的width属性设置div为50％。然后，您可以与那些玩具一起玩，以使它们以您想要的任何方式出现。