我们在用table表格的时候,很多时候会有很多条数据,但是浏览者在打开的时候很多的时候所使用的设备不同,导致浏览者不能很好的观看页面,这个时候就需要响应式表格,就可以只动表格网页的其他内容不跟着一起动。
看代码:
这都是一些基本样式。
给表格基本设置样式
重点来了:
只需要在父元素设置一个overflow:auto,在必要时(也就是在窗口比原本宽度小的时候)才显示滚动条,设置这个在小屏观看时会出现滚动条,但是滑动滚动条不会导致网页也跟着一起动,只有表格动。
效果:
我们在用table表格的时候,很多时候会有很多条数据,但是浏览者在打开的时候很多的时候所使用的设备不同,导致浏览者不能很好的观看页面,这个时候就需要响应式表格,就可以只动表格网页的其他内容不跟着一起动。
看代码:
这都是一些基本样式。
给表格基本设置样式
重点来了:
只需要在父元素设置一个overflow:auto,在必要时(也就是在窗口比原本宽度小的时候)才显示滚动条,设置这个在小屏观看时会出现滚动条,但是滑动滚动条不会导致网页也跟着一起动,只有表格动。
效果: