javascript - Mengapa margin:auto auto tidak boleh dijajarkan ke atas, bawah, kiri dan kanan?

Question

Hanya ada satu p dalam html.

<p class="test">
</p>

css1:

.test{
    width:200px;
    height:200px;
    border:1px solid red;
    margin:0 auto;
    }

css1 boleh pusat p.test kiri dan kanan.

css2:

.test{
    width:200px;
    height:200px;
    border:1px solid red;
    margin:auto auto;
    } 

为何css2不可以使p.test上下左右居中？？ 
请不要回答如何使他p.test上下左右居中，请回答为何margin:auto auto;不能上下左右居中？？ 

Answer 1

Kekangan berikut mesti dipegang antara nilai yang digunakan bagi sifat lain:

.

Jika kedua-dua 'margin-kiri' dan 'margin-kanan' adalah 'auto', nilai yang digunakan adalah sama. Ini secara mendatar memusatkan elemen berkenaan dengan tepi bongkah yang mengandungi.

下面是关于高度的：

Jika 'margin-top', atau 'margin-bottom' ialah 'auto', nilai yang digunakan ialah 0. Jika 'height' ialah 'auto', ketinggian bergantung pada sama ada elemen itu mempunyai sebarang kanak-kanak peringkat blok dan sama ada ia mempunyai padding atau sempadan:

因为规范就是这么规定的算法，浏览器就是这么实现的。

CSS规范

Answer 2

Ini soalan yang bagus Izinkan saya bertanya kepada anda, apabila terdapat dua elemen berturut-turut, bolehkah anda memusatkannya ke kiri dan kanan? Dengan cara yang sama, apabila mungkin terdapat elemen di atas dan di bawah anda, bagaimana anda mahu penyemak imbas mengira kedudukan di mana elemen yang sepadan harus wujud?

Answer 3

Tidak, jika anda tidak menggunakan reka letak fleksibel untuk penjajaran atas dan bawah, tiada cara yang baik. Virtical–align juga tidak mudah digunakan!

Answer 4

Tidak, jika anda ingin memusatkan bahagian atas, bawah, kiri dan kanan, adalah disyorkan untuk menggunakan susun atur fleksibel, diikuti dengan jadual, sel jadual atau kedudukan