css3种方式完成div在访问器水平垂直居中

日期:2020-10-30 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

本文教大伙儿怎样完成1个div在访问器水平垂直居中,下面是3种处理方式,实际內容以下

第1种方式:

CSS Code拷贝內容到剪贴板
  1. div {   
  2.   margin: 0 auto;   
  3.   width960px;   
  4.  }   

第2种方式(适配IE):

CSS Code拷贝內容到剪贴板
  1. body { text-aligncenter; }   
  2.   
  3.   div {   
  4.     margin: 0 auto;   
  5.     width960px;   
  6.   }       

第3种方式(不强烈推荐):

CSS Code拷贝內容到剪贴板
  1. div {   
  2.   positionrelative;   
  3.   left: 50%;   
  4.   margin-left: -480px;   
  5.   width960px;   
  6. }   

以上便是本文的所有內容,期待对大伙儿学习培训CSS款式有一定的协助。