<!DOCTYPE html><html lang="fr"> <head> <meta charset="UTF-8" /<meta http-equiv="X-UA-Compatible" content= "IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>flex:propriété sur l'élément</title> ; Conteneur */ .container { display: flex; height: 20rem; border: 1px solid #000; } /* style d'élément flexible (c'est-à-dire élément enfant) */ .container > */ /* width: 10rem; Pratique pour tester la fonction de mise à l'échelle, recommandé ici 100% ne nécessite pas 10rem; */ width: 100%; border: 1px solid #000; peut être agrandi 1 est autorisé 0 n'est pas autorisé*/ /* flex-grow: 1; * / /* Définir si l'élément peut être réduit */ flex-shrink : / /* flex 属性 */ </style> ≪/tête> <corps> <div class="conteneur"> <div class="item">item1</div> <div class="item">item2</div> <div class="item">item3</div> <div class="item">item4</div> </div> </body></html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Le code est vérifié et peut être zoomé. Pouvez-vous prendre une capture d'écran et me la montrer, ou la vérifier pour voir quel est le problème ?