Question

我有七个面板（每个面板中还有另外一个面板），它们根据我的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％宽并占用所有空间而浮动：左边被有效忽略。

这样的事情：

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

Answer 2

.evenCulomn
{
 float:left
}
.oddCulomn
{
 float:left;
}

如何将元素水平放置在一起？

2 个答案: