0

响应式 HTML 表格生成器 - 移动滚动

通过单击单元格并键入内容,直观地构建 HTML 表格 — 通过实时预览获得干净、语义的表格标记,无需粘贴或转换格式。

将表格包装在可滚动容器中,这样宽表格就不会破坏窄屏幕上的页面布局。
处理中... 0%

结果

此页面将打开表格生成器,其中已填充宽七列示例,并且响应包装器已打开,因此您可以立即看到正在执行的修复。

宽表格是普通响应式 CSS 无法重排的少数元素之一 - 文本换行,但列不会,因此具有六列或更多列的表格要么溢出屏幕,要么将手机上的每个单元格挤得小得难以阅读。使用 Overflow-x: auto 将表格包裹在 div 中,使其保持自然宽度,并让访问者可以横向滚动表格,而不会破坏页面布局。

添加或删除列以匹配您自己的数据,单击任意单元格进行编辑,然后复制完成的标记 - 仅当启用此复选框时才会添加包装器 div,因此您可以并排比较包装和未包装的 HTML。