5

我有两个面板。我想向他们展示并列，但他们没有。

.aspx：

<asp:Panel ID="treeviewMenu" Width="20%" Height="500" runat="server" ScrollBars="Both" HorizontalAlign="Left">
    <asp:TreeView ID="treeview" runat="server" ShowLines="True" ImageSet="XPFileExplorer" OnSelectedNodeChanged="treeview_SelectedNodeChanged">
    </asp:TreeView>
</asp:Panel>

<asp:Panel ID="qvObjektMenu" Width="75%" Height="500" runat="server"  HorizontalAlign="Right">
    <asp:Table runat="server" HorizontalAlign="Right">
        <asp:TableRow>
            <asp:TableCell>
                <asp:Label runat="server">
                    QVObjekt Id:
                </asp:Label>
            </asp:TableCell>
            <asp:TableCell>
                <asp:Label ID="qvObjektId" runat="server"></asp:Label>
            </asp:TableCell>
        </asp:TableRow>
    </asp:Table>
</asp:Panel>

我在这两个元素之外使用了一个表格，围绕它们的另一个面板，没有任何作用。我该如何解决这个问题？

4

2 回答 2

10

这里的答案是 CSS。如何在 CSS 中执行此操作有几个选项。

选项1：display:inline-block;

该 css 的一种选择是使用display: inline-block;：

<style type="text/css">
   .inlineBlock { display: inline-block; }
</style>

再加上在<asp:Panel ...>标签中设置它：

<asp:Panel ID="treeviewMenu" ... CssClass="inlineBlock">
    ...
</asp:Panel>

<asp:Panel ID="qvObjektMenu" ... CssClass="inlineBlock">
    ...
</asp:Panel>

选项 2a：float:left;

正如Wim 的回答中提到的，另一种选择是使用浮点数。但我不认为你想将两个面板组合起来有浮动 - 我怀疑你只想要一个或另一个。任何一个：

<style type="text/css">
.floatLeft { float: left; }
</style>

和

<asp:Panel ID="treeviewMenu" ... CssClass="floatLeft">
    <asp:TreeView ID="treeview" runat="server" ShowLines="True" ImageSet="XPFileExplorer" >
    </asp:TreeView>
</asp:Panel>

（与当前在您的标记中的另一个面板）

或者

选项 2b：float:right;

<style type="text/css">
.floatRight { float: right; }
</style>

和

 <asp:Panel ID="qvObjektMenu" ... CssClass="floatRight">
    ...
</asp:Panel>
于 2013-05-14T13:33:04.463 回答
1

面板将被渲染为DIV元素，因此使用 css float:left，float:right并且margin应该可以工作。

于 2013-05-14T13:26:25.993 回答