更新パネルのコンテンツテンプレート内にすべてのコンテンツが揃っているのはなぜですか？

Question

更新タイマーが開始する前に2つのラベルにダミーテキストを書き込むと、右側に1つ、左側に残りの文字が表示されます ただし、updateTimerが表示されると、両方のテキストが左に表示されます

ここTimedPanelはこのように、spanとしてレンダリングされているコード

<table width="100%" border="0" cellspacing="7" cellpadding="0"> 
              <tr> 
               <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
               <asp:Timer runat="server" ID="UpdateTimer" Interval="5000" OnTick="UpdateTimer_Tick" /> 
               <asp:UpdatePanel runat="server" ID="TimedPanel" UpdateMode="Conditional" RenderMode="Inline"> 
                <Triggers> 
                 <asp:AsyncPostBackTrigger ControlID="UpdateTimer" EventName="Tick" /> 
                </Triggers> 
                <ContentTemplate> 
                 <td align="left"> 
                  <asp:Label ID="userNameLabel" runat="server"></asp:Label> 
                 </td> 

                 <td align="right"> 
                  <asp:LinkButton ID="userWebsiteLabel" runat="server"></asp:LinkButton> 
                 </td> 
                </ContentTemplate> 
               </asp:UpdatePanel> 
              </tr> 
             </table> 

Answer 1

です：

<span id="TimedPanel"> 
    <span id="userNameLabel">label</span> 
    <a id="userWebsiteLabel" href="javascript:__doPostBack('userWebsiteLabel','')">linkbutton</a> 
</span> 

はあなたを変更するにはへ：

<ContentTemplate> 
    <asp:Label ID="userNameLabel" runat="server" Text="label" /> 
    <asp:LinkButton ID="userWebsiteLabel" runat="server" Text="linkbutton" /> 
</ContentTemplate> 

そして右にLinkButtonを揃えるためにいくつかのCSSを追加します。

<style type="text/css"> 
#TimedPanel a {float: right;} 
</style>