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修复它

asp.net ajax日历扩展程序（在updatepanel中）导致包装

2 个答案: