①、 常用水平居中：给div设置一个宽度，宽度是必要条件，然后添加margin:0 auto属性
②、绝对定位居中
绝对定位使元素的位置与文档流无关，因此不占据空间。
绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
水平居中：left属性和right属性的值相对即可，不一定为0
垂直居中：top属性和bottom属性的值相对即可，不一定为0
③、外边距定位居中
left属性值为50%，则margin-left为width的一半即可(负数)
④、未知父容器的宽高，利用 `transform` 属性
⑤、利用flex布局，因为flex属性是css3的特性，需要考虑浏览器的兼容性
分享到:
閱讀更多 檸檬樹花醬 的文章
