绝对定位的元素如何居中显示

原理：

先让此元素右移父元素的一半（50%），然后再左移其自身的40%(这个要按照实际的需求来定)，其实还是（父元素的宽-子元素的宽）/2，只不过分了两部，这样就能避免父元素的宽度对子元素的居中显示造成混乱，此时的子元素的样式就是：

position: absolute;

width: 80%;

left: 50%;

margin-left: -40%;

结果如下：

1.