歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  首先我們要對body設置css內容居中樣式(csstext-align:center),然后布局最外層DIV盒子時候使用margin:0auto即可讓對象布局居中。
 
  當然我們對盒子對象使用了margin:0auto,有的瀏覽器不對body對象加text-align:center樣式,布局仍然是居中的,這是因為不同瀏覽器默認樣式不同造成,如果不對body設置text-align:center,這樣會造成有的瀏覽器布局居中,有的靠左,這樣布局的兼容就產生了。
 
  解釋:margin:0auto,意思是讓對象上下間隔為0,左右間隔自動,隨對象寬度左右間隔自動,
 
  網頁布局居中條件
 
  1、對body設置CSS內容居中樣式text-align:center,代碼:body{text-align:center}
 
  2、對最外層對象設置margin:0auto樣式,代碼:.php{margin:0auto}
 
  案例:
 
  為了觀察到布局居中效果,我們CSS命名對象為".php",設置CSS邊框為黑色,css寬度為400px,css高度為100px。
 
  1、css代碼如下:
 
  <style>
 
  body{text-align:center}
 
  .php{margin:0auto;width:400px;height:100px;border:1pxsolid#000}
 
  /*CSS注釋:設置對象邊框、寬度、高度便于觀察布局效果*/
 
  </style>
 
  2、HTML代碼片段:
 
  <divclass="php">對象php布局居中了</div>








本文轉載自中文網
 

如需轉載,請注明文章出處和來源網址:http://www.5015168.live/rumen/r56032.shtml

民生银行股票行情