Html 如何对齐位于中心的两个容器

我想调整一下：

但在网站的中心：

但它会转到左边距：

我怎样才能使这个成为网站的中心呢

我尝试过使用一些组合和不同的属性，但结果没有改变

.container{
文本对齐：居中；
位置：相对位置；
}
.输入区{
保证金：自动；
显示：流量；
}
.删除区域{
保证金：自动；
显示：内联块；
}

---

您打算实现这样的目标吗？一个选择是使用css网格

.container{
文本对齐：居中；
位置：相对位置；
}
.输入区表格{
保证金：自动；
显示：内联网格；
网格模板列：自动最小值（0px，100px）；
文本对齐：左对齐；
}

---

您打算实现这样的目标吗？一个选择是使用css网格

.container{
文本对齐：居中；
位置：相对位置；
}
.输入区表格{
保证金：自动；
显示：内联网格；
网格模板列：自动最小值（0px，100px）；
文本对齐：左对齐；
}

---

这里是另一种方法。你试过这个吗

.container{
宽度：100%；
}
.货柜内{
保证金：0自动；
显示：表格；
}

---

这里是另一种方法。你试过这个吗

.container{
宽度：100%；
}
.货柜内{
保证金：0自动；
显示：表格；
}

请在问题中提供代码，而不是屏幕截图。另外，一个提琴或代码笔也很好。你能将你的代码添加为代码片段，这样人们就可以帮助你，而不必从提供的图像中重写你的代码吗？很抱歉，我减少了代码中不必要的部分，很抱歉，你想将输入框与页面中心或表格对齐吗？（看起来还是有点不清楚）我想将对齐的输入框指定给页面中心。由于某些原因，未格式化的问题不令人满意。请在问题中提供代码，而不是屏幕截图。另外，一个提琴或代码笔也很好。你能将你的代码添加为代码片段，这样人们就可以帮助你，而不必从提供的图像中重写你的代码吗？很抱歉，我减少了代码中不必要的部分，很抱歉，你想将输入框与页面中心或表格对齐吗？（看起来还是有点不清楚）我想将对齐的输入框指定给页面中心。由于某些原因，未格式化的按钮并不令人满意。这实际上要好一点，因为它不需要设置按钮的特定宽度范围。是的，老实说，这就是我试图实现的模式。谢谢你的帮助！这实际上更好一些，因为它不需要设置按钮的特定宽度范围。是的，老实说，这就是我试图实现的模式。谢谢你的帮助！是的，我一直在寻找这样的模式，但我没有理解“网格模板列：自动最小值（0px，100px）；”部分。有可能收到关于这个解决方案的解释吗，先生？我也不是css网格的专家，但是这行代码意味着它会将网格的前三列缩放到其自动宽度，并允许第四列（在您的例子中是带按钮的列）在0px和100px之间。但在你的情况下，接受的答案更好。是的，我一直在寻找类似的模式，但我没有理解“网格模板列：自动最小值（0px，100px）；”部分。有可能收到关于这个解决方案的解释吗，先生？我也不是css网格的专家，但是这行代码意味着它会将网格的前三列缩放到其自动宽度，并允许第四列（在您的例子中是带按钮的列）在0px和100px之间。但在你的情况下，被接受的答案更好。