Une fois que l'élément parent est configuré pour fléchir, les éléments enfants {flex:0 0 33.3333%} peuvent être divisés en trois parties égales dans la même rangée, 
Mais si une bordure est ajoutée à l'élément enfant, alors seulement 2 peuvent être disposés dans la même rangée. Si flex se dilate élastiquement, la largeur de la bordure n'est-elle pas calculée?? 
2
0
0
Ajoutez
à l'élément
child
box-sizing: border-box;Le package n'inclut pas le remplissage et les bordures, qui sont deux modèles de bo?te, contr?lés par le dimensionnement de la bo?te
Référence?: https://developer.mozilla.org...
Tant que vous définissez flex-wrap: wrap; pour flex, il ne s'étirera pas et il s'enroulera lorsqu'il dépassera la limite. flex-wrap: wrap;，它就不是伸縮了，超出了就會(huì)換行。
解決方法如一樓所示，當(dāng)然你也可以使用calc函數(shù)將flex的值減去border的值(flex:0 0 calc(33.333% - 2px)),或者使用outline: 1px solid red;，outline是不會(huì)將寬度計(jì)算進(jìn)去的，你的這段代碼可以不用flex: 0 0 33.333%這樣寫(xiě)，直接寫(xiě)width:33.33%或者flex:33.33%
flex:0 0 calc(33.333% - 2px)), ou utilisez outline: 1px solid red;, outline ne calculera pas la largeur. Vous n'avez pas besoin d'écrire ce code comme flex: 0 0 33.333%, écrivez simplement <. code>width directement :33.33% ou flex:33.33%. ??
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
