css3 通过transform定位居中

html:

 1 <div class="box"></box> 

css:.d1 {

  width: 100px;
  height: 100px;
  background-color: #abcdef;
  position: fixed;
  left: 50%;
  top: 50%;
/*貌似transform: translate3d()的X Y Z如果是百分比指的是元素本身自己的长宽*/ -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }

 

posted @ 2016-01-23 16:58  bronana  阅读(1791)  评论(0)    收藏  举报