html - 你如何使用选择和文本框使表格单元格内容宽度？

Question

我有一个表列，可以包含选择或输入(键入文本)。我希望列的宽度等于最宽项的宽度。我还希望所有选择都等于该宽度。我一直在尝试以 auto、100% 的不同组合使用 css 设置宽度，但无法正常工作。

Answer 1

抱歉这个模糊的问题。我找到了解决方案，只需将其添加到 css 中即可:

        input[type='text'] {
            width: auto;
            min-width: 100%;
        }
        select {
            width: auto;
            min-width: 100%;
        }

这使得列的宽度成为最宽内容的宽度，并且在您调整容器大小时在容器中保留一个滚动条。它还使所有选择的宽度相同。