c# - 如何水平放置元素？

Question

我有七个面板(每个面板都包含另外 5 个面板)，它们一起构成了某种基于我的 C# 代码的动态表格。如何让我的面板水平并排放置？

我试过 float:left;，但没用。

面板是这样的:

    <asp:Panel ID="Panel0"  CssClass = "evenCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel1" CssClass = "oddCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel2" CssClass = "evenCulomn"  runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel3"  CssClass = "evenCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel4"  CssClass = "oddCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel5" CssClass = "evenCulomn"  runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel6" CssClass = "oddCulomn"  runat="server">
    </asp:Panel>

Answer 1

只要面板适合容器，float:left 就可以工作。一旦容器的宽度被填满，它们就会包裹起来。

我认为你的问题是你的面板需要有一个固定的宽度 - 否则它们是 100% 宽并且会占用所有空间并且 float:left 被有效地忽略。

像这样:

.evenCulomn .oddCulom
{
    float: left;
    width: 200px;
}