手机版利用 CSS 将横向表格转换成竖向显示

作者:vkvi 来源:千一网络(原创) 日期:2019-7-4

假如一个表格有很多列,那么在手机版显示时,就不是很好查看(因为表格太宽),换一种思路,看看下面的效果:

手机版利用 CSS 将横向表格转换成竖向显示

完全不用改动 HTML,纯 CSS 即可实现,代码如下:

关键 CSS 代码

在 ASP.NET 中,为 GridView 赋 data-label 这个自定义属性比较麻烦,可以用 jQuery 轻松解决,而且它是在执行之后,CSS 再去获取它,并不是 CSS 在前。

 

相关文章
文章评论