回覆列表
  • 1 # 15307406910

    div實現水平居中只需要設定固定寬度和margin:0 auto即可,給你2個解決方案:1、條件是div的高度和寬度是固定的

    讓層垂直居中 其實解決的思路是這樣的:首們需要position:absolute;絕對定位。而層的定位點,使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。如:一個層寬度是400,高度是300。使用絕對定位距離上部與左部都設定成50%。而margin-top的值為-150。margin-left的值為-200。這樣我們就實現了層垂直居中於父級層的樣式編寫。2、條件是div的高度和寬度是不固定的如果div寬度不固定,那用div就有點困難了,雖然用js獲取當前高寬再附加css可以解決,但是要用到js來解決問題就有點遜了;我給你一個思路,你不妨試試table佈局,table不設定寬度的情況下預設是寬度和高度都是最小化的,這樣給table設定margin:0 auto就可以讓這個table水平方向居中;解決了水平居中,那就來解決垂直居中,td中的內容預設是垂直居中的,那麼只要兩者互相巢狀一下不就解決水平垂直居中了!但是有一個問題,你所需要垂直居中的父級table的高度是否固定,如果父級高度固定,那麼子級高度不固定也一樣可以垂直居中

  • 中秋節和大豐收的關聯?
  • 為什麼有人覺得美國的陸軍差勁?