关于aspnetpager使用，分页格式问题

Question

如题 下图是现在的效果
首页
下一页
1
2
3
4
是竖着排列的在页面呈现的是多行显示
正常的效果图
首页  下一页  1 2 3 4 在一行
下面是前台代码，请大侠们帮忙看看怎么回事
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder3" runat="Server" >
    <style type="text/css" >　　/*拍拍网风格*/　　.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}　　.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}　　.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}　　.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}　　.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
　　</style>
    <script language="javascript" type="text/javascript" src="datepicker/WdatePicker.js"></script>    <script language="javascript" type="text/javascript">
        window.onload = function()
        {   
    
        var a10=document.getElementById("a10");
        a10.style["background"]="url(images/mainnav_tab_bg.gif) no-repeat 0 -34px";        a10.style["font-weight"]="700";
        a10.style["color"]="#033372";        }
    </script>
   
    <div id="content" >
        <div style="padding-top: 10px;" >
            <asp:Label ID="Label3" runat="server" Text="起始时间"></asp:Label>
            <input id="d11" runat="server" onfocus="WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd HH:mm', isShowWeek:true})"
                type="text" />
            <asp:Label ID="Label2" runat="server" Text="结束时间"></asp:Label>
            <input id="d12" runat="server" onfocus="WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd HH:mm', isShowWeek:true })"
                type="text" />
            站点选择
            <asp:DropDownList ID="dropZhan" runat="server" CssClass="dropSelect" Width="100px">
            </asp:DropDownList>
            <asp:Button ID="Button2" runat="server" Text="查询历史数据" Width="151px" OnClick="btnCheck_Click" />
        </div>
        <div id="grid">
            
            <asp:GridView ID="gridUser" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                CssClass="gridview" DataKeyNames="hubnum" OnPageIndexChanging="gridUser_PageIndexChanging"
                OnRowDataBound="gridUser_RowDataBound" PageSize="10"  
                 >
                <Columns>
                    <asp:BoundField DataField="LEIXING" HeaderText="站点类型" SortExpression="LEIXING">
                        <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
                    </asp:BoundField>
                    <asp:BoundField DataField="DisplayName" HeaderText="站点名称" SortExpression="DisplayName">
                        <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
                    </asp:BoundField>
                    <asp:BoundField DataField="SJ" HeaderText="数据时间" SortExpression="SJ">
                        <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
                    </asp:BoundField>
                    <asp:BoundField DataField="SHUISHEN" HeaderText="水深" SortExpression="SHUISHEN">
                        <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
                    </asp:BoundField>
                    <asp:BoundField DataField="demo" HeaderText="备注" SortExpression="demo">
                        <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" Width="20%" />
                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
                    </asp:BoundField>
                </Columns>
                <HeaderStyle CssClass="gridHeader" HorizontalAlign="Center" VerticalAlign="Middle" />
                <RowStyle CssClass="gridItem" HorizontalAlign="Center" VerticalAlign="Middle" />
                <AlternatingRowStyle CssClass="gridAltItem" />                <PagerStyle BackColor="LightBlue" Height="30px" VerticalAlign="Bottom" HorizontalAlign="Center"
                    Font-Size="20px" />            </asp:GridView>            <span >   
         <webdiyer:AspNetPager ID="AspNetPager1" runat="server" FirstPageText="首页" 
        HorizontalAlign="center" LastPageText="尾页" MoreButtonType="Image"
        NavigationButtonType="Image" NextPageText="下一页" NumericButtonType="Image" 
        onpagechanging="AspNetPager1_PageChanging" PageIndexBoxType="DropDownList" 
        PrevPageText="上一页" ShowBoxThreshold="0" ShowNavigationToolTip="True"  
        CssClass ="paginator"  CustomInfoHTML ="当前页：%CurrentPageIndex%总页数：%PageCount%显示第%StartRecordIndex%条到%EndRecordIndex%条记录"
         CustomInfoSectionWidth ="100%"
        >
    </webdiyer:AspNetPager>
             </span>
            <asp:Label ID="lblMessage" runat="server" Text="没有历史记录!" CssClass="error" Visible="false"></asp:Label>        </div>
    </div>
             
</asp:Content>

Answer 1

<div id="grid">
    
  <asp:GridView ID="gridUser" runat="server" AllowPaging="True" AutoGenerateColumns="False"
  CssClass="gridview" DataKeyNames="hubnum" OnPageIndexChanging="gridUser_PageIndexChanging"
  OnRowDataBound="gridUser_RowDataBound" PageSize="10"   
  >
  <Columns>
  <asp:BoundField DataField="LEIXING" HeaderText="站点类型" SortExpression="LEIXING">
  <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
  <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
  </asp:BoundField>
  <asp:BoundField DataField="DisplayName" HeaderText="站点名称" SortExpression="DisplayName">
  <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
  <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
  </asp:BoundField>
  <asp:BoundField DataField="SJ" HeaderText="数据时间" SortExpression="SJ">
  <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
  <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
  </asp:BoundField>
  <asp:BoundField DataField="SHUISHEN" HeaderText="水深" SortExpression="SHUISHEN">
  <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
  <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="15%" />
  </asp:BoundField>
  <asp:BoundField DataField="demo" HeaderText="备注" SortExpression="demo">
  <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" Width="20%" />
  <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="20%" />
  </asp:BoundField>
  </Columns>
  <HeaderStyle CssClass="gridHeader" HorizontalAlign="Center" VerticalAlign="Middle" />
  <RowStyle CssClass="gridItem" HorizontalAlign="Center" VerticalAlign="Middle" />
  <AlternatingRowStyle CssClass="gridAltItem" />  <PagerStyle BackColor="LightBlue" Height="30px" VerticalAlign="Bottom" HorizontalAlign="Center"
  Font-Size="20px" />  </asp:GridView>
</div>
  <div style="width:500px">  
  <webdiyer:AspNetPager ID="AspNetPager1" runat="server" FirstPageText="首页"  
  HorizontalAlign="center" LastPageText="尾页" MoreButtonType="Image"
  NavigationButtonType="Image" NextPageText="下一页" NumericButtonType="Image"  
  onpagechanging="AspNetPager1_PageChanging" PageIndexBoxType="DropDownList"  
  PrevPageText="上一页" ShowBoxThreshold="0" ShowNavigationToolTip="True"   
  CssClass ="paginator" CustomInfoHTML ="当前页：%CurrentPageIndex%总页数：%PageCount%显示第%StartRecordIndex%条到%EndRecordIndex%条记录"
  CustomInfoSectionWidth ="100%"
  >
  </webdiyer:AspNetPager>
  </div>
  <asp:Label ID="lblMessage" runat="server" Text="没有历史记录!" CssClass="error" Visible="false"></asp:Label>
试试

Answer 2

我试了你代码，没有问题
你看其他样式
用google或者火狐浏览器，打开网页用“F12”自己调调