可变长度的div水平居中
我们所熟知的div水平居中方式（例如：margin：0 auto；），都必须基于div有固定宽度width
如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄.
接下来请上眼瞧
.center{
display: table; /* 当前元素采用最小的宽度.不默认全宽*/
margin: 0 auto;
}
测试发现兼容性还行
<div id="父元素" >
<div class="center">这里的内容永远相对父元素水平居中</div>
</div>