小菜鸟的开发日记之水平垂直居中

水平居中： table-cell 和绝对定位居中法都能同时实现水平和垂直居中

1.text-align:center，用于居中行内文字或元素  

2.margin:0 auto 居中固定宽度的块级元素

3.绝对定位position:absolute; left:50% margin-left:-50%

4.translate偏移

垂直居中：

 1.单行文本，设置父级的高度，然后文本的line-hight等于父级高度

 2.多行文本，position: absolute;//子级用绝对定位  top:50%;//先定位到50%的位置  height: 300px;//已知的高度margin-top: -150px;//往上提本身高度的一半

 3.父级div里设置一个空div，高度50%，占位子，要居中的p设置高度，maigin-top=负一半高度

 4.绝对定位居中法 子元素：position: absolute;top: 0; bottom: 0;left: 0;right: 0;margin:auto;