讓一個div在div或body中水平垂直居中

body{

position: relative;

width: 100%;

height: 100%;

}

div{

position:absolute;

width:400px;

height:400px;

left:50%;

top:50%;

margin:-200px 0 0 -200px;

}

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 各種純css圖標 CSS3可以實現很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,700評論 0 8
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,814評論 1 92
  • div水平居中的N種方法 一、單行垂直居中 如果一個容器中只有一行文字,對它實現居中相對比較簡單,我們只需要設置它...
    fredah閱讀 5,961評論 0 1
  • 不會用代碼框,所以看著有些亂套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,564評論 0 0
  • 又是霧霾天,出門時心情也是陰沉的,待到從“丹妮的小世界”里出來,感覺到天藍了許多,難道真是心中有陽光,世間無霧霾。...
    就愛優閑閱讀 1,043評論 1 9