如何讓一個(gè)塊級元素水平垂直居中？

div實(shí)現(xiàn)水平居中只需要設(shè)置固定寬度和margin:0 auto即可， 給你2個(gè)解決方案: 1、條件是div的高度和寬度是固定的

讓層垂直居中 其實(shí)解決的思路是這樣的：首們需要position:absolute;絕對定位。而層的定位點(diǎn)，使用外補(bǔ)丁margin負(fù)值的方法。負(fù)值的大小為層自身寬度高度除以二。 如：一個(gè)層寬度是400，高度是300。使用絕對定位距離上部與左部都設(shè)置成50%。而margin-top的值為－150。margin-left的值為－200。這樣我們就實(shí)現(xiàn)了層垂直居中于父級層的樣式編寫。 2、條件是div的高度和寬度是不固定的 如果div寬度不固定，那用div就有點(diǎn)困難了，雖然用js獲取當(dāng)前高寬再附加css可以解決，但是要用到j(luò)s來解決問題就有點(diǎn)遜了； 我給你一個(gè)思路，你不妨試試table布局，table不設(shè)置寬度的情況下默認(rèn)是寬度和高度都是最小化的，這樣給table設(shè)置margin:0 auto就可以讓這個(gè)table水平方向居中； 解決了水平居中，那就來解決垂直居中，td中的內(nèi)容默認(rèn)是垂直居中的，那么只要兩者互相嵌套一下不就解決水平垂直居中了! 但是有一個(gè)問題，你所需要垂直居中的父級table的高度是否固定，如果父級高度固定，那么子級高度不固定也一樣可以垂直居中