我可以修改我的DIV以确保所有内容都适合 - 使用此CSS来居中说div吗？

Question

希望这不是重复的，实际上是独一无二的 - 我找不到与我的确切案例相符的任何内容。

我正在使用以下代码（通过快速谷歌搜索找到此代码），弹出一个模态窗口，将其自身调整到屏幕中心。

.editModal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  overflow: hidden !important;
}

当浏览器设置为90％缩放时，一切看起来都应该如此，但当我达到100％时，它开始变得混乱。模态本身保持相同的宽度（它变得更长并且出现滚动条但是我需要它变得更宽并且保持相同的高度）。

我做了另一次搜索并尝试设置

overflow: auto;

试图让模态窗口（一个div）伸展以适应所有东西，但不能使它更宽。它确实使它更长并添加了一个滚动条，但如上所述，这不是我想要处理的方式。

我还会附上一些图片，以便更好地展示正在发生的事情。