如何水平对齐多个Gridview控件?

时间:2013-03-15 12:19:14

标签: c# asp.net webforms

我希望有2个或更多控件(例如gridview控件)水平对齐 可选:我希望在同一行(水平)中有1个gridview控件和1个Image控件。

我尝试了以下控件..

  MultiView: Only vertical alignment possible  
  WebPartZone: It looked good in design mode, but gave me an error (something with the App_Data folder) and I think there must be a more simple approach.  

我可以水平放置2个图像控件。但为什么不是2个网格视图?

3 个答案:

答案 0 :(得分:2)

尝试将它们分成两个独立的div ......就像这样:

<div style="float:left; position:relative;">
    <asp:GridView ID="GridView1" runat="server">
    </asp:GridView>
</div>
<div style="float:right; position:relative;">
    <asp:GridView ID="GridView2" runat="server">
    </asp:GridView>
</div>

答案 1 :(得分:2)

尝试按照mikeshorts提到的方式将网格视图放在Div中,或者使用另一种方式,比如使用表格。

<table>
<tr>
<td>
<asp:GridView ID="GridView1" runat="server">
    </asp:GridView>
</td>
<td>
<asp:GridView ID="GridView2" runat="server">
    </asp:GridView>
</td>
</tr>
</table>

或者您只需使用 Horizo​​ntalAlign 属性,例如

<asp:GridView ID="GridView1" runat="server"  HorizontalAlign="Left" >
    </asp:GridView>
    <asp:GridView ID="GridView2" runat="server"  HorizontalAlign="Right" >
    </asp:GridView>

我希望它对你有用。

答案 2 :(得分:1)