ASPX页面格式

Question

我的面板需要在其旁边有一个按钮，但格式化失败。目前这就是我所拥有的。

   <asp:Panel runat="server" CssClass="form" ID="panSomeParameters"></asp:Panel> 
            <asp:Button runat="server"  CssClass="form" ID="btnSomeButton" Text="Button" /> 

基本上我需要蓝色区域中的按钮。

Answer 1

您可以给他们两个都上一堂课，并将float设置为left。

<div>
    <asp:Panel ID="Panel1" runat="server" CssClass="float-left">
        Contents
    </asp:Panel>

    <asp:Button ID="Button1" runat="server" Text="Button" CssClass="float-left" />
</div>

<style>
    .float-left {
        float: left;
    }
</style>

Answer 2

您只需要将面板显示设置为“ inline-block”，因为面板以Div呈现，并且div是一个块元素，因此它将覆盖整个行。我还设置了宽度和高度，因此面板将在视图中包含空间。

 <asp:Panel runat="server" style="display:inline-block;width:100px;height:20px;" CssClass="form" ID="panSomeParameters"></asp:Panel> 
        <asp:Button runat="server"  CssClass="form" ID="btnSomeButton" Text="Button" />

如果有帮助，请接受答案。