我正在尝试在选项卡容器的一个选项卡面板上设置一个带有数据网格和图表的 Web 应用程序。开始没问题,但我需要将图表放置在数据网格旁边。我阅读了有关使用 css 的信息,但无法使其正常工作。我添加了一个单独的 css 文件
<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>
将您的控件包裹在 div 中并将它们 float 到左侧。确保在完成后清除 float 。
<div style="float:left;">
<!-- Insert GridView -->
</div>
<div style="float:left;">
<!-- Insert Chart Control -->
</div>
<div style="clear:both;" />
我是一名优秀的程序员,十分优秀!