Html 将桌子放在一个div的中间

请帮帮我，我一直被困在这个问题上。我在网上找到了很多解决方案，但在我的案例中没有一个有效

我想把桌子放在中间。下面是它现在的样子：

HTML:

我试过这个：

.container {
  width: 100%;
}
#multTable {
  margin: 0 auto;
  height: 200px;
  overflow-x:scroll;
  overflow-y:scroll;
}

但表溢出了页面大小： 我在这里做错了什么？

只添加这个

.container{
显示器：flex；
证明内容：中心；
}

您是否尝试过以下方法：

.container {
    //
}

#multTable {
    margin: 0 auto;
    overflow-x:scroll;
    overflow-y:scroll;
}

---

在最初的尝试中，您的表不会居中，因为您正在尝试居中某个占据100%可能空间的对象。从技术上讲，它是居中的，你看不到它占据了整个空间

因此，想象一下，如果您有一个

100px

的容器。这个容器里面有一块你想居中的东西。但您要将此块的宽度设置为

100px

。根本看不到空隙

所以这是行不通的：

{ 
   width: 100%;
   margin: 0 auto;
}

相反，您应该给定心元素一个固定的宽度：

width: 400px; /* or whatever is needed */
margin: 0 auto;

这样它周围就有了一些空间

在这里，请查看以下内容：

---

使您的容器与它所在的任何容器一样宽。然后制作表格并指定最大宽度

.container {
  width: 100%;
}
#multTable {
  max-width: 100%;
}

---

我希望更多地了解您的hml的其余部分。

您尝试过吗？您能为输入框添加特别是css的代码吗？当您想将其与之对齐时，我们需要复制一些CSS值，特别是左/右宽度或边距。请注意：

display:block将覆盖/取消
表格
行为。您好，欢迎使用SO。如果你回答了一个问题，一定要同时提供你想做什么和为什么要做的信息。您的解决方案如何工作，以便其他人能够理解并从中学习。除此之外，你的anwser解决不了任何问题。问题是，表格宽度已经大于th wv，因此溢出WOS。将其设置为flexbox无法解决此问题。
width: 400px; /* or whatever is needed */
margin: 0 auto;

.container {
  width: 100%;
}
#multTable {
  max-width: 100%;
}