0

在面板内,我有一个 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

4

1 回答 1

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/

于 2013-04-11T14:41:50.867 回答