实现元素居中有很多方法。这里分享一个不用布局的方法简单快速。
这里有两个标签：
1.父标签（标识背景，便于区分）
2.子标签（红色，要居中的标签）
代码及演示如下：
非常完美！！
一开始看感觉很懵对不对？
解释一下为什么：
1.首先子标签的布局定义为 relative 。
2.子标签设置属性 left: 50%;（相对于父元素左边留空（父元素宽度的）50%，也就是说子元素左边与中缝对齐）。
3.子标签设置属性 transform: translateX(-50%);（子元素平移，相对于自己向左平移（子元素宽度的）50%。
居中就很简单地实现了！
