對齊asp.net web應用程序的頁面上的控件

我想在tabcontainer的一個tabpanel上設置帶有datagrid和圖表的web應用程序。它開始沒問題，但我需要將圖表定位在數據網格的旁邊。我讀過關於使用CSS，但無法使其工作。我加在它自己的DIV元素的單獨的CSS文件對齊asp.net web應用程序的頁面上的控件

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title></title> 
<link type="text/css" rel="stylesheet" href="defaultStyle.css"/>

....

<asp:GridView ID="GridView1" runat="server" AllowSorting="True" 
       AutoGenerateColumns="False" BackColor="White" BorderColor="#336666" 
       BorderStyle="Double" BorderWidth="3px" CellPadding="4" 
       DataSourceID="SqlDataSource1" GridLines="Horizontal" Height="92px" 
       Width="327px" HorizontalAlign="Right"> 
<RowStyle BackColor="White" ForeColor="#333333" HorizontalAlign="Right" /> 
     <PagerStyle HorizontalAlign="Center" BackColor="#336666" ForeColor="White" /> 
       <Columns> 
        <asp:BoundField DataField="RecordsCount" HeaderText="RecordsCount" 
         ReadOnly="True" SortExpression="RecordsCount"/> 
        <asp:BoundField DataField="collectionDate" HeaderText="collectionDate" 
         ReadOnly="True" SortExpression="collectionDate" /> 
       </Columns> 
       <FooterStyle BackColor="White" ForeColor="#333333" /> 
       <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" /> 
       <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" /> 
      </asp:GridView>

來源

2011-02-08 vbNewbie

將控件包裹在div中並將它們浮動到左側。確保完成後清除浮標。

<div style="float:left;"> 
    <!-- Insert GridView --> 
</div> 
<div style="float:left;"> 
    <!-- Insert Chart Control --> 
</div> 
<div style="clear:both;" />

來源

2011-02-08 22:30:02

包裝每個（網格和圖）。

根據需要使用top/left或float css屬性的樣式DIV。您可能還需要獲得margin才能獲得所需的外觀。

來源

2011-02-08 21:35:42 Leon

對齊asp.net web應用程序的頁面上的控件

回答

相關問題