2018-04-06发表2015-01-01更新流口水流前端进阶系列7 分钟读完 (大约1015个字)

前端进阶系列—常见布局及居中

水平居中布局

margin+定宽

<div class="parent">
  <div class="child">Demo</div>
</div>

<style>
  .child {
    width: 100px;
    margin: 0 auto;
  }
</style>

想必是个前端都见过，这定宽的水平居中，我们还可以用下面这种来实现不定宽

table+margin

<div class="parent">
  <div class="child">Demo</div>
</div>

<style>
  .child {
    display: table;
    margin: 0 auto;
  }
</style>