有的时候对于gridview有一些需求,是这样的,表头无论一行还是多行,都需要垂直居中那么如何将表头垂直居中,网上的方法也是多种多样,但是其效果的少之又少。尤其是,如果表头有的标题是一行,有的需要用两行,这个时候,怎么做到一行或者多行的表头都可以居中显示呢?那么这里介绍一些方法。
首先讲一下,如果表头的headertext中只有一行的标题,没有多行的标题,那么采取如下方法,在gridview的第一个属性中就填写一个属性。应该就是可以居中了:
.header
{
line-height:40px;
}
<HeaderStyle CssClass="<span style="font-family: Arial, Helvetica, sans-serif;">header</span>" />
用行高控制,即可,当然,想要多高都是可以的。那么这只是一行标题垂直居中的一个方法。那么讨论多行标题垂直居中之前,首先,需要先讲述一下,我实现多行标题的方法,这个方法网上大多数地方也是有的,我这里仅仅是做了一次代码的搬运工,代码如下:
<asp:TemplateField ItemStyle-CssClass="itemBorder" ItemStyle-Width="80px" HeaderStyle-Width="80px