对齐问题btn日历和网格

时间:2013-04-11 14:35:01

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

在面板中我有一个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" >

表格示例现在看起来像:

enter image description here

只需要对齐上衣 iv尝试了<td align="left">广告,但没有gd

1 个答案:

答案 0 :(得分:0)

有多种选择如何做到这一点。我会给你两个.​​.....一个简单,一个正确:)

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/