html - 如何在 CSS 中将按钮放在图像旁边？

Question

在我的 asp.net 页面上，我有一些 Update Pannel。为了避免异步回发出现问题，我必须将我的 Print Button 放在面板之外，但我的按钮的所有其他标签和图像仍在这个面板内，所以我想在 CSS 中控制页面样式将我的 btnPrint 放在 image1 旁边。

这是我的页面布局:

<div id="Toolbar">
    <asp:UpdatePanel ID="UpdateToolbar" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Label ID="Label3" runat="server" Text="   Months: "></asp:Label>&nbsp;
            <asp:DropDownList ID="ddlMonth" runat="server"></asp:DropDownList>

            <asp:Label ID="Label2" runat="server" Text="   Year: "></asp:Label>&nbsp;
            <asp:DropDownList ID="ddlYear" runat="server"></asp:DropDownList>
            <b id="buttonWrap">>
                <asp:Image ID="Image2" runat="server" ImageUrl="Images/DefRefreshBtn.png" Width="15"
                    Height="20" />&nbsp;
                <asp:LinkButton ID="btnRefresh" runat="server" OnClick="btnRefresh_Click1">Refresh</asp:LinkButton>&nbsp;&nbsp;&nbsp;
                <asp:Image ID="Image1" runat="server" ImageUrl="Images/DefPrintBtn.png" Width="27"
                    Height="20" />
            </b>                   
        </ContentTemplate>
    </asp:UpdatePanel>
    <asp:LinkButton ID="btnPrint" runat="server" onclick="btnPrint_Click" CssClass="printBtn">Print</asp:LinkButton>&nbsp;&nbsp;&nbsp;
</div>

目前，我正在使用这个 CssClass="printBtn":

.printBtn
{
    position: relative;
    top: -23px;
    right: -700px;
    font-weight: bold;
}

但是这种硬编码可能会导致不同浏览器出现问题。有什么方法可以在 CSS 中指定我的按钮紧挨着 image1？

Answer 1

您需要使用绝对定位。更好的解决方案是将其保留在 UpdatePanel 中，但让打印按钮执行完整的回发。您可以使用 PostBackTrigger 执行此操作

这是如何进行完整回发的示例 Force certain controls to do a full postback?