我怎样才能将asp.net gridview设置为div的中心?

时间:2015-09-12 09:48:26

标签: html css

我有一个asp.net网格视图,我想要这个div的gridview show center,我写这个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显示了这个:
enter image description here
我怎么能解决这个问题?谢谢。

1 个答案:

答案 0 :(得分:1)

添加align =&#34; center&#34;在 喜欢这个

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

从.center类中删除多余的样式。您已指定宽度2次。 %和px。