html+css使div水平垂直居中margin:auto法

按照之前的想法div設置margin: auto后,應該就能達到div水平垂直居中的效果,但是卻只能使div在水平方向上居中。

原來margin-top:automargin-bottom:auto的計算值是0,所以margin:auto只是水平居中了。

只要把top/bottom/left/right都設置成0,然后再設置margin:auto就可以實現了。

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

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,784評論 1 92
  • 收聽音頻,戳鏈接,舊號itclan已暫停使用,歡迎關注微信itclanCoder公眾號可收聽更多音頻 前言 關于網...
    itclanCoder閱讀 8,203評論 3 30
  • 1.絕對定位居中技術 我們一直用margin:auto實現水平居中,而一直認為margin:auto不能實現垂直居...
    DecadeHeart閱讀 1,619評論 0 3
  • 本課來自http://www.imooc.com/learn/9請不要用作商業用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,295評論 0 5
  • 《下沙》的緣起是自己年輕的時候對星座的好奇,我一直在想,所謂的“星座速配”到底有多少的參考性呢?如果一個星座和另一...
    草原上的咩咩羊閱讀 347評論 0 1