gridview的表头垂直居中以及表头多行显示

本文介绍了如何实现GridView表头内容垂直居中,即使表头包含一行或多行文字。针对只有一行标题的情况,可以通过设置GridView属性实现居中;而对于多行标题,文中提供了一种解决方案,通过CSS选择器设置`vertical-align: middle`来达到垂直居中的效果。
摘要由CSDN通过智能技术生成

有的时候对于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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值