對齊網頁中的控件

Question

我對網頁設計不太熟悉，並且遇到問題。我有以下datalist顯示好，但它是我接近底部的部分。我希望超鏈接圖像與「詳細信息」文本位於同一行。不幸的是文本出現在超鏈接控件下面。有沒有簡單的解決辦法來得到我想要的？我應該使用「div」標記而不是<tr>和<td>？

<asp:DataList ID="dgDownloads" Width="100%" runat="server" EnableViewState="false" > 
    <ItemTemplate>    
      <tr> 
       <td> 
        <h3 class="mast3"><%# DataBinder.Eval (Container.DataItem, "Alias", "Reported by : {0}")%></h3> 
       </td> 
       <td> 
        <h3 class="mast3"><%# DataBinder.Eval(Container.DataItem, "CreationDate", "Reported on : {0:dd/MM/yyyy}")%></h3> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <h3 class="mast6"><%# ((System.Data.IDataRecord) Container.DataItem)["Heading"] %></h3> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <asp:HyperLink CssClass="buttonStyle" ImageUrl="../images/bg/download.png" runat="server" NavigateUrl='<%#((System.Data.IDataRecord) Container.DataItem)["FileURL"] %>' /> 
        <%# ((System.Data.IDataRecord) Container.DataItem)["Details"] %><ln/><br/><br/> 
       </td> 
      </tr> 
    </ItemTemplate> 
</asp:DataList> 

Answer 1

您的datalist不夠寬，無法將超鏈接圖像和細節文本放在一行中？

試試這個：

<span style="white-space:nowrap;"><asp:HyperLink CssClass="buttonStyle" ImageUrl="../images/bg/download.png" runat="server" NavigateUrl='<%#((System.Data.IDataRecord) Container.DataItem)["FileURL"] %>' />&nbsp;<%# ((System.Data.IDataRecord) Container.DataItem)["Details"] %></span>