通过设置表格容器的布局和样式来解决。
代码示例:
html:
Header 1 | Header 2 | Header 3 |
---|---|---|
Row 1 Column 1 | Row 1 Column 2 | Row 1 Column 3 |
Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 |
css:
.table-container { overflow-x: auto; /* 横向滚动条 / max-width: 100%; / 限制容器宽度 */ }
table { width: 100%; /* 使用 100% 宽度 / border-collapse: collapse; / 边框合并 */ }
th, td { padding: 10px; /* 单元格内边距 / border: 1px solid #ddd; / 单元格边框 */ }
上一篇:表格溢出DIV,页面过长
下一篇:表格溢出自动与绝对位置