如何使用 CSS 格式化表格:
表格在浏览器水平滚动条不显示的屏幕内，用户无需水平滚动即可看到表格右侧；
单元格使用必要的宽度，包含只有“1”、“21”等数字的单元格的列不会使用比显示所有数字所需的宽度大得多的宽度该列中的单元格，比如 4 个字符宽度，即使用比它更多的意味着浪费水平空间；
对于包含非常宽的单元格的列，或者更准确地说，如果允许的话，内容将占用较大的宽度，请使用尽可能多的宽度，以便不违反 1) 和 2)，并且如果无法显示单元格，让水平滚动条显示该单元格。
对于 Windows 和 Mac OS X 上最新的 Firefox 和 Google chrome，这在 CSS 中可行吗？
最佳答案
我的 first attempt基于 CSS: Constrain a table with long cell contents to page width? ，使用嵌套的 div 和 position: relative 然后是 position: absolute。不考虑绝对定位的 div 的大小，这对表格的宽度有利但对行的高度不利:它不会扩展以包含滚动条。
然后我tried table-layout: fixed 按照 How can I set a <td> width to visually truncate its displayed contents? 中的建议.这也实现了忽略单元格内容大小的目标，但这样做使得我们无法像以前那样指定最后一列应占用所有剩余宽度。 p>
关于css - 如何使用 CSS 格式化表格，使表格位于屏幕内，单元格使用尽可能多和必要的宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11974646/