Question

在ASP.NET中，要设置控件GRIDVIEW的行高及列宽（各列宽），据说可用CSS样式设置，写了如下代码

<style type="text/css">
.grid
{
td:｛height：50px;｝
th:｛width：50px;｝
}
</style>
未能起作用。
请问，设置这控件的行高及列宽可以用CSS样式设置吗，如可以代码如何写出。谢谢

Answer 1

你上面的代码不知道你是去哪里复制的...我现在用的写法没用过上面这样子的...
css里面点号是指一个类.. 井号代表一个ID...
你上面.grid代表的是grid这个类...

如果你要筛选 这个类下面的标签 就是 类名 空格 标签名
所以你上面应该是
.grid td{height：50px;}//中间没有冒号

.grid th｛width：50px;}//中间没有冒号

这个意思是说 类grid里面的td具有 高50px
而且这个要向上面写两行，不能连着写，如不能 .grid td{height：50px;} th｛width：50px;}这样就是错的

还有你用了css布局..那你对应那个gridview就要带上这个类，不然这就不起效果
在 gridview这个标签上 加上 cssClass="grid" 就可以了

追问

你好，
.grid td{height：50px;}//中间没有冒号
.grid th｛width：50px;}//中间没有冒号

中，经实验第一行起作用，第二行不起作用。
请问，除了这种方法，有没有其它的设置控件GRIDVIEW的每一列宽度的方法。
请指导，谢谢

追答

.grid th｛width：50px;}

这个没有用的原因是因为，gridview在前台没有解析有th这个标签，肯定不会有作用,

你可以在火狐下，审查这个元素，看看gridview在前台是以什么形式存在的

这个是gridview在前台解析的结果，你看到有Th了吗，你自己去搞一下...

不然你老是复制代码不去理解有什么用呢，也不去变通一下怎么行呢

不知道你gridview的每一列的宽度，高度是不是都一样大小，如果是一样的大小，直接下面

.grid td{height：50px;  width：50px;}

如果你要每一行都宽度都不一样..那就要进行行绑定

  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            //e.Row.RowIndex 这个是每一行的索引..索引从0开始...
            if (e.Row.RowIndex % 2 == 0)//我假设偶数列的宽度是这个样子
            {
                e.Row.Attributes.Add("class", "grid1");//这个是给这行添加属性，而这个属性就是class,这个属性的值就是grid1
                //你用了css，那就要给你添加到类里面去,就是class，这个grid1是你在前台写的css类
            }
            else { //这个是奇数行

                e.Row.Attributes.Add("class", "grid2");
            }
        }