如何左对齐页脚元素

Question

我在对齐 GridView 的 FooterTemplate 中的元素时遇到问题。 任何人都建议我怎么做。代码是：

<asp:GridView ID="gvComment" runat="server" AutoGenerateColumns="false" 
OnRowDataBound="gvComment_RowDataBound" OnRowCreated="gvComment_RowCreated" Width="100%" ShowHeader="false" BorderWidth="0px" ShowFooter="true">
<Columns>
 <asp:TemplateField>
  <ItemTemplate>
   <table border="0" cellpadding="0" cellspacing="0" width="100%" >
    <tr>
     <td valign="middle" align="left" style="width:10%"><img id="imgUser" src="" alt="" title="" runat="server" /></td>
     <td align="left" valign="top">
      comment comment
      <asp:Label ID="lblNameComments" runat="server" Visible="false" ></asp:Label>
     </td>
    </tr>
    <tr><td colspan="2" style="height:7px;"></td></tr>
    <tr>
     <td colspan="2" style="padding-top:10px;background-image:url(../Images/dotted_line.jpg);background-repeat:repeat-x;background-position:center;"></td>
    </tr>
    <tr><td colspan="2" style="height:7px;"></td></tr>
   </table>            
  </ItemTemplate>
 </asp:TemplateField>
 <asp:TemplateField>
  <FooterTemplate >
  <table border="0" cellpadding="0" cellspacing="0" width="100%" >
   <tr>
    <td align="left">
     Footer Text
       Footer Text
       Footer Text         
    </td>
   </tr>
  </table>
  </FooterTemplate>
 </asp:TemplateField>
</Columns>
</asp:GridView>

我设置了 td left 的 align 属性，但它不起作用。页面输出如图所示。

Answer 1

它确实左对齐。

请把完整的代码（包括css）放在这里： http://jsfiddle.net/T364r/