对齐问题 btn 日历和网格

【问题标题】：alignment issues btn calendar and grid对齐问题 btn 日历和网格
【发布时间】：2013-04-12 06:45:59
【问题描述】：

在面板中，我有一个 asp 日历和一个 asp detailsView。我试图让它们彼此并排显示，但无法正确对齐。我想要左上角的日历，右上角的 detailsView，网格的顶部与日历匹配。

<asp:Panel ID="detailsPanel" runat="server"> 
<asp:Calendar ID="calendars" VerticalAlign="top" HorizontalAlign="left" runat="server" OnSelectionChanged="LoadRequestedDate_OnClick" OnDayRender="cal_DayRender"></asp:Calendar>
<asp:DetailsView ID="DetailsView1" runat="server" DataSourceID="DetailsDataSource" HorizontalAlign="right" VerticalAlign="top" >

表格示例现在看起来像：

只需要对齐顶部 iv 尝试了 <td align="left"> 广告正确但没有 gd

【问题讨论】：

标签： asp.net-mvc vertical-alignment alignment

【解决方案1】：

有几种方法可以做到这一点。我给你两个..一个简单，一个正确:)

a.) 简单：使用 HTML 表格，例如：

<table>
  <tr>
    <td>PUT_CALENDAR_HERE</td>
    <td>PUT_DETAILS_HERE</td>
  </tr>
</table>

b.) 正确：使用 CSS 修改定位：

float:left; // apply this to calendar

注意：您可能需要其他样式来调整位置。如果您提供纯 HTML，我可以尝试在 jsFiddle 中制作原型（否则我只会使用一些占位符创建它）。顺便说一句：您要么没有粘贴完整的 HTML，要么您缺少面板的结束标记。

编辑：这是一个解决表格定位问题的 jsFiddle：http://jsfiddle.net/KdhnV/

【讨论】：

感谢 Dampe 的回复...我已经使用了表格示例...虽然到了一半，但请查看我对新图像的编辑
是的，我用过再次感谢您的帮助