子元素居中

CSS：子元素div居中方法

1. 一个浏览器页面中，只有一个div模块，让其上下左右居中：

　　{
　　　　position: fixed;
　　　　left: 0;
　　　　right: 0;
　　　　top: 0;
　　　　bottom: 0;
　　　　margin: auto;
　　}
　　position:fixed定位是相对于整个浏览器。
2.一个父元素div，一个已知宽度、高度的子元素：(可通过计算得居中的位置，父级position为relative，子级position为absolute)
父级div:{
　　　　　　position: relative;
    }
子级div:{
　　　　　　position: absolute;
　　　　　　top: 50%;
　　　　　　left: 50%;
　　　　　　margin-left: -(子元素div宽度的一半);
　　　　　　margin-top: -(子元素div高度的一半);   
　　　　}
3.一个父元素div，一个未知宽度高度子元素div:

　　1）display：table

　　　　父级元素：{display:table;}

　　　　子级元素：{ display:table-cell;vertical-align:middle }

　　2）flex布局

　　　　父级元素：{display:flex;flex-direction:row;justify-content:center;align-items:center;}

　　　　子级元素：{flex:1}