Il n'y a qu'un seul p dans un html.
<p class="test">
</p>
css1:
.test{
width:200px;
height:200px;
border:1px solid red;
margin:0 auto;
}
css1 peut centrer p.test à gauche et à droite.
css2 :
.test{
width:200px;
height:200px;
border:1px solid red;
margin:auto auto;
}
为何css2不可以使p.test上下左右居中？？
请不要回答如何使他p.test上下左右居中，请回答为何margin:auto auto;不能上下左右居中？？ 
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
下面是关于高度的：
因为规范就是这么规定的算法，浏览器就是这么实现的。
CSS规范
C'est une bonne question. Laissez-moi vous demander : lorsqu'il y a deux éléments alignés, pouvez-vous les centrer à gauche et à droite ? De la même manière, lorsqu'il peut y avoir des éléments au-dessus et en dessous de vous, comment voulez-vous que le navigateur calcule la position où doit exister l'élément correspondant ?
Non, si vous n'utilisez pas la disposition flexible pour l'alignement haut et bas, il n'y a pas de bonne solution. Virtical-align n’est pas non plus facile à utiliser !
Non, si vous souhaitez centrer le haut, le bas, la gauche et la droite, il est recommandé d'utiliser une disposition flexible, suivie d'un tableau, d'une cellule de tableau ou d'un positionnement