用CSS让盒子完全居中

1 .Absolute-Center {
2   margin: auto;
3   position: absolute;
4   top: 0; left: 0; bottom: 0; right: 0;
5 }

好处:

  • 跨浏览器,兼容性好(无需hack,可兼顾IE8~IE10)
  • 无特殊标记,样式更精简
  • 自适应布局,可以使用百分比和最大最小高宽等样式
  • 居中时不考虑元素的padding值(也不需要使用box-sizing样式)
  • 布局块可以自由调节大小
  • img的图像也可以使用

原文出自CSDN

posted on 2013-10-11 14:07  刘阿毛  阅读(587)  评论(0编辑  收藏  举报

导航