使用margin属性把元素水平居中

理解

另一个技巧就是把块元素水平居中。一个方法就是设置它的margin为auto。

这个方法也可以用于图片（images）。图片默认是行内元素，但是当你给块元素设置display属性时，它能变为块元素。

将网页中的div增加一个margin属性，设置值为auto。

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;
    margin: auto;
  }
</style>
<div></div>

2018-10-25 10:10:21