Html 作为表格单元格的替代方案，它不会随着屏幕的宽度而改变（环绕？）

我有一个问题，那就是当我改变屏幕的宽度时，表格无法调整大小。我知道你可以用flexbox做这件事，但我不知道怎么做

这是我当前的代码：

CSS:

拳击手中心{ 显示：表格； 边界塌陷：塌陷； 保证金：自动； } .boxer.包厢区{ 显示：表格行； 填充物：5px； } .box_定价{ 显示：表格单元格； 文本对齐：左对齐； 填充物：5px； 垂直对齐：中间对齐； 边框：1px红色虚线； 最小宽度：300px； } HTML:

你好 你好 你好 自闭症 自闭症 自闭症 我试图将其转换为flexbox，但它对我不起作用。有人能帮我吗？

我的成功在于：

将display:table元素设置为100%宽度。 正在将.boxer更改为.boxer中心为.boxer不存在。 将边框更改为轮廓，使其不会影响单元格的宽度。 拳击手中心{ 显示：表格； 边界塌陷：塌陷； 宽度：100%；/*将表格设置为100%宽度*/ /*页边距：自动删除此页边距，因为它不是必需的*/ } .boxer center.box行{/*已更改为.boxer center，.boxer不存在*/ 显示：表格行； 填充物：5px； } .box_定价{ 显示：表格单元格； 文本对齐：左对齐； 填充物：5px； 垂直对齐：中间对齐； 轮廓：1px红色虚线；/*将边框更改为轮廓以保留长方体模型*/ 最小宽度：100px；/*没有单元格小于100px*/ }

---

这是可行的，但我想要的是，当你在打电话时，桌子会互相压下去，这只会使它变小。哦，我明白了。您可能需要编辑您的问题，以指定在屏幕调整大小时希望表格如何更改。我想你只是想让这个表改变宽度，但是看起来你想让这些单元格来包装。谢谢，我改变了一点，不确定如何更好地格式化问题：/根据你所显示的，你可能想考虑使用一个实际的元素。它们用于显示表格数据。这是一个。这真的不是一个选项，我想和DIV一起工作，还因为如果我在学校的事情上需要这个，并且我使用表格，他们不会接受。这对学校来说是一个奇怪的要求，但足够公平。你可以使用设置表格单元格来显示：当屏幕低于某个宽度时，阻塞，将每个单元格放在自己的行上。但我不确定这是否是您想要的，因为布局的可读性实际上取决于您试图显示的实际数据。例如，如果第一行包含列标题，这可能不合适。是否可以向我们展示一个实际数据的示例？如果表只有两行标题和数据，那么您可能可以使用CSS:before根据HTML数据属性生成新标签。基于。

.boxer-center {
    position: relative;
    display: table;
    border-collapse: collapse;
    width: 100%;
}
.box-row {
    display: table-row;
    padding: 5px;
}
.box_pricing{
    display: table-cell;
    text-align: left;
    padding: 5px;
    vertical-align: middle;
    border: 1px dashed red;
}