CSS-垂直居中

图片居中

http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div

块状元素的居中

此方法最近一次是在知乎问题:
前端界有哪些越早知道越好的小技巧小知识?
省去margin:xxpx的烦恼,给需要居中的元素一个position:absolute,给外层元素一个position:relative,然后一波0,0,0,0定位搞定。
盒子居中

.outer{
  border:1px solid #000;
  width:300px;
  height:300px;
  position:relative;
}

.inner{
  border:1px solid #000;
  width:50px;
  height:50px;

  position:absolute;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
@2017-05-06 22:28