html - 如何将 asp.net gridview 设置为 div 的中心？

Question

我有一个 asp.net GridView ，我想要这个 gridview 显示 div 的中心，我写了这个 css 和 html 代码:

<div style="color: #FFFFFF;" class='center' >

        شرکت هایی که درمعاونت تجاری ثبت نشده اند<br />
        <br />
        <asp:GridView ID="GridView1" runat="server" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" CellPadding="2" ForeColor="Black" GridLines="None">
            <AlternatingRowStyle BackColor="PaleGoldenrod" />
            <FooterStyle BackColor="Tan" />
            <HeaderStyle BackColor="Tan" Font-Bold="True" />
            <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
            <SortedAscendingCellStyle BackColor="#FAFAE7" />
            <SortedAscendingHeaderStyle BackColor="#DAC09E" />
            <SortedDescendingCellStyle BackColor="#E1DB9C" />
            <SortedDescendingHeaderStyle BackColor="#C2A47B" />
        </asp:GridView>

    </div>

中心 css 是:

.center {

            width:800px;
            border-radius: 5px;

            width: 60%; 
            height:200px; 
            margin: 0 auto;
            }​

但是 gridview 显示这个:

我该如何解决？谢谢。

Answer 1

在中添加 align="center"像这样

<div align="center" style="color: #FFFFFF;" class='center' >

并从 .center 类中删除额外的样式。您已分配宽度 2 次。 % 和像素。