CSS 响应式表

响应表

如果屏幕太长，响应式表格将显示水平滚动条以显示完整内容：

overflow-x:auto: 添加一个容器元素（如 <div>），其中包含 <table> 元素，使其具有响应性。

<div style="overflow-x:auto;">  

<table>  
... table content ...  
</table>

</div>

尝试一下 »

注意： 在 OS X Lion（在 Mac 上）中，滚动条默认处于隐藏状态，仅在使用时显示（即使设置了“overflow：scroll”）。

更多示例

制作花式桌子 ? 此示例演示如何创建花式桌子。

设置表格标题的位置

此示例演示如何放置表格标题 ?

CSS 表属性

属性	说明
border	设置所有边框属性
border-collapse	指定是否应折叠表格边框
border-spacing	指定相邻单元格边框之间的距离
caption-side	指定表格标题的位置
empty-cells	指定是否在表格中的空单元格上显示边框和背景
table-layout	设置要用于表的布局