asp.net - asp.net ajax 日历扩展器（在更新面板中）导致换行

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 中使用标准日历控件。这将阻止它强制换行，但您必须正确排列页面，使其不包含任何必要的控件。

Answer 2

<style type="text/css">
    ajax__calendar
        {
            display: inline;
    }
</style>

似乎用 IE6 和 FF3 修复它