可接受的解决方案对我而言不起作用，因为我需要一个子元素
display:inline-block在100％宽度的父级中水平和垂直居中。
我使用了Flexbox的
justify-content和
align-items属性，分别允许您将元素水平和垂直居中。通过将两者都设置
center为父元素，子元素（甚至多个元素！）将完美地位于中间。
此解决方案不需要固定的宽度，这对我来说不合适，因为我的按钮文本会更改。
这是CodePen演示和以下相关代码的片段：
.parent { display: flex; justify-content: center; align-items: center;}.child { display: inline-block;}<div > <a href="#0">Button</a></div>
