html - 当小于父表时居中表，否则滚动 - 没有固定宽度

Question

我想使用 CSS 在我的页面上实现以下内容:

1. 当表格比父表格小(宽度小)时居中表格容器。
2. 确保当表格比父容器宽时滚动条可见。在这种情况下，表格应该从父容器的左边缘开始(即没有额外的空间)。

而且我想避免使用任何固定宽度来执行此操作(我希望这是一个有点可重用的组件)。

我可以使用 display: block; 使表格可滚动，但它无法满足第一个要求。

Answer 1

为子表设置 max-width 或 max-height 属性，并设置 overflow:auto 以在宽度大于子表时启用滚动条。希望这对您有所帮助!