不在CSS中工作的html表格的最大和最小宽度

我已经在CSS中定义了最小宽度和最大宽度，什么都没有发生。我也试着这样定义它，

如果你插入单词break:breakall；在表中，当单词超过divs宽度时，这将打断单词


表格，tr，td，th{
边框：1px纯黑；
空白：正常；
}
表tr td:n个孩子（1）{
背景色：红色；
}
桌子{
表布局：固定；
宽度：140%；
左边距：20px；
单词break：打破一切；
}
表td{
单词包装：打断单词；
溢出包装：断开单词；
最大宽度：100px；
最小宽度：50px；
}

无序号
部门
负责人
项目名称
目标
如何做
活动
项目启动
项目完成
目标成本节约（RM）/年
合理化后的成本节约
每月节省成本
最小宽度和最大宽度后使用显示：内联块或显示：块可选溢出：隐藏

table td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100px;
  min-width: 50px;
  display:block;
  display:inline-block;
}

与其强迫你的桌子挤在屏幕上，不如让它看起来像样，在空间不够的时候滚动。使用
overflow-x:auto将其包装在元素中：


.tables{
溢出-x：自动；
}
表，tr，td，th{
边框：1px纯黑；
}
表tr td:n个孩子（1）{
背景色：红色；
}
桌子{
左边距：20px；
}
th，td{
最小宽度：50px；
填充：4px8px；
}

无序号
部门
负责人
项目名称
目标
如何做
活动
项目启动
项目完成
目标成本节约（RM）/年
合理化后的成本节约
每月节省成本
表格使用宽度和高度属性作为粗略提示，而不是绝对规则。
如果确实希望表单元格中的内容不超过某个宽度，唯一简单的方法是添加更多标记。在分配属性（如
max width
的单元格中放置一个div

您的特定示例中的另一个问题是
表格布局的组合：固定的
组合在一起，第一行根本没有大小。这意味着浏览器将仅基于第一行为列指定宽度，并将完全忽略以后调整大小的任何尝试。我已经注释掉了表布局属性


表格，tr，td，th{
边框：1px纯黑；
空白：正常；
}
表tr td:n个孩子（1）{
背景色：红色；
}
桌子{
/*表布局：固定；
宽度：140%*/
左边距：20px；
}
th>div，td>div{
最大宽度：100px；
最小宽度：50px；
单词包装：打断单词；
溢出包装：断开单词；
}

无序号
部门
负责人
项目名称
目标
如何做
活动
项目启动
项目完成
目标成本节约（RM）/年
合理化后的成本节约
每月节省成本
1.
一些文本
一些相当长的文本
正文
正文
正文
正文
正文
正文
正文
正文
正文
我认为你的问题在于宽度：140%：/td表中的代码无效。我在表中添加了display:inline块，但它仅对max-width有效。如果我调整最小宽度，什么也没发生。但无论如何，谢谢你，我已经找到了解决办法：）是的，我按照你告诉我的那样做了，效果很好！非常感谢：）是的，这也是我正在做的事情。通过在我的css中添加
.tables{overflow-x:auto；overflow-y:auto；}
来创建一个可滚动的表格，但它在我的表格上不起作用。@lishayacob:这可能是因为您的
仍然有
name=“tables”
而不是
class=“tables”
。我想你直到最后才读过我的答案，你也没有注意到标记。