ASPX页面格式

Question

我有Panel需要在它旁边有一个按钮，但格式化不成功。目前这就是我所拥有的。

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

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

Answer 1

您只需将Panel显示设置为“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" />

如果有帮助则接受答案。

Answer 2

你可以给他们一个类，并将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>