css - 如何对表格进行 CSS 样式设置，使其宽度在页面宽度的 [min, max] 百分比范围内，并尽可能宽？

Question

如何对表格进行 CSS 样式设置

1. 它的宽度最多为页面宽度的 80%，并且，

2. 至少为页面宽度的 50%，并且

3. 是否尽可能宽？

Answer 1

使用min-width和max-width

min-width: 50%;
max-width: 80%;

Answer 2

我想你想要两个min-width和max-width：

<style type="text/css">
table
{
  min-width: 50%;
  max-width: 80%;
}
</style>

这将使表格至少占其容器宽度的 50%。它将增长（如果需要）最大为页面宽度的 80%。