asp.net ajax 日历扩展器(在 updatepanel 中)导致换行

Question

这是我的页面的简化版本:

<asp:UpdatePanel runat="server" ID="dateUpdatePanel" RenderMode="Inline">
<ContentTemplate>

    <asp:Label runat="server" ID="lblDateFrom" Text="From:" />
    <asp:TextBox runat="server" ID="txtDateFrom" />
    <asp:ImageButton runat="server" ID="cmdDateFrom" ImageUrl="~/images/calendar.jpeg"  />
    <ajax:CalendarExtender runat="server" ID="calendarFrom" TargetControlID="txtDateFrom" 
        PopupButtonID="cmdDateFrom" Format="dd/MM/yyyy" />               

</ContentTemplate>
</asp:UpdatePanel>

<asp:Button runat="server" ID="cmdRunReport" Text="Run Report" OnClick="cmdRunReport_Click" />

UpdatePanel 设置为内联呈现，因此“运行报告”按钮显示在日历输入的右侧。但是，当我单击日历图像按钮 (cmdDateFrom) 时，“运行报告”按钮移动并呈现在下一行!

任何 CSS 专家都可以提供帮助吗？

Answer 1

可能是因为日历呈现为 div，默认情况下它有自己的行。一种选择是在绝对位置 div 中使用标准日历控件。这将防止它强制换行，但您必须正确安排页面，以免它覆盖任何必要的控件。