html - 换一个宽度而不影响带有边距的内容：自动

Question

我一直在努力解决这个问题，但找不到类似的问题：

我正在尝试在<div>不影响其内容的情况下更改 a 的宽度，这意味着我不希望内容以任何方式移动或重新调整。同时，我需要根据屏幕分辨率将内容置于页面中心。

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

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

谢谢

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

请看codepen，这就是我想要实现的：当宽度<div>改变时，文本不应该改变位置或重新调整。这可以通过从 CSS 部分中删除来实现：文本不会改变位置，并且在宽度改变margin:0 auto;时会被剪短。<div>

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

希望这能澄清意图。

代码笔在这里

标签： htmlcss

Answer 1

希望这是您正在寻找的，您可以通过 CSS flex 属性而不是位置“绝对”来解决这个问题

试试这个小提琴

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