<div class="wrap">
<div class="inner">html : 让 inner 居中</div>
</div>
123
.wrap {
float: left; /* 自适应内容宽度 */
position: relative;
left: 50%;
}
.inner {
position: relative;
left: -50%;
}
分析一下我的做法:
.wrap 使用 float 是为了让 .wrap 的宽度等于 .inner 的宽度
让 .wrap 的左边在父层的中线上, 让.inner 的左边相对 .wrap 向左移动一半, 这样就可以实现 .inner 在.wrap 的父层的中间。