对齐网页中的控件
我对网页设计不太熟悉并且遇到了问题。我有以下数据列表，显示正常，但它是我正在使用的靠近底部的部分。我希望超链接图像与“详细信息”文本位于同一行。不幸的是，文本出现在超链接控件下方。有没有一个简单的解决办法可以得到我想要的东西？我应该使用“div”标记而不是 和 吗？
<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>
I’m not too familiar with webpage design and am having a problem. I have the following datalist which is displayed ok but it is the section near the bottom that I am having with. I want the Hyperlink image to be on the same line as the “Details” text. Unfortunately the text appears below the Hyperlink control. Is there an easy fix to get what I want ? Should I be using the “div” mark-up instead of <tr> and <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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您的数据列表是否不够宽，无法将超链接图像和详细信息文本放在一行中？
试试这个：
Is your datalist not wide enough to fit the hyperlink image and details text in one row?
Try this:
<span style="white-space:nowrap;"><asp:HyperLink CssClass="buttonStyle" ImageUrl="../images/bg/download.png" runat="server" NavigateUrl='<%#((System.Data.IDataRecord) Container.DataItem)["FileURL"] %>' /> <%# ((System.Data.IDataRecord) Container.DataItem)["Details"] %></span>