将表约束到指定的单个列宽

Question

在下面链接的codepen中，我有一个表格，其中包含不同长度标题的输入和表格标题。每个列都在输入上使用大小属性指定，以便输入正确地适合列。我不得不这样做，因为在我的修改版本的bulma框架中，具有此设置的输入填充了表格单元格的整个高度和宽度。当窗口缩小时，我希望表保持默认值，只是溢出滚动，以便您可以在表中来回导航。当前缩小窗口时，列宽会发生变化，最终会溢出。有没有其他方法可以做到这一切？

Codepen：https://codepen.io/mrchriswindsor/pen/VQyEbK

dummy code for link to work ^

Answer 1

如果我理解你，你想要的 overflow-x: scroll; 属性。您需要将此应用于要在窗口缩小时滚动的顶级视图。