更改<div>宽度而不影响margin：auto的内容

Question

一段时间以来，我一直在努力解决这个问题，却找不到类似的问题：

我正在尝试更改<div>的宽度而不影响其内容，这意味着我无论如何都不想移动或重新调整内容。同时，我需要根据屏幕分辨率将内容放在页面的中央。

当我不在CSS中使用margin:0 auto;时，一切都很好，但这不是我想要的结果，因为内容不再居中。

我仍在学习CSS，如果有人可以看看我创建的Code Pen，我将不胜感激。

谢谢

=========编辑========

请查看codepen，这是我正在尝试实现的目标： 更改<div>的宽度时，无论如何文本都不应改变位置或重新调整。 这可以通过从CSS部分删除margin:0 auto;来实现：文本不会更改位置，并且<div>的宽度更改时，文本会被缩短。

但是我需要留下margin:0 auto;来确保<div>的内容适合屏幕分辨率。

希望这可以澄清意图。

Code Pen Here

Answer 1

希望这是您想要的，您可以通过CSS flex属性而不是“ absolute”位置来解决此问题

Try this fiddle

.wrapper-cme {
width:100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}