Selepas elemen induk ditetapkan untuk melentur, elemen anak {flex:0 0 33.3333%} boleh dibahagikan kepada tiga bahagian yang sama dalam baris yang sama, 
Tetapi jika sempadan ditambahkan pada elemen anak, maka hanya 2 boleh disusun dalam baris yang sama Jika lentur mengembang secara anjal, adakah lebar sempadan tidak dikira? 
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Tambahkan
pada elemen
kanak-kanakPakej tidak termasuk padding dan border, iaitu dua model kotak, dikawal oleh saiz kotak
Rujukan: https://developer.mozilla.org...
Selagi anda menetapkan
flex-wrap: wrap;untuk flex, ia tidak akan meregang dan ia akan membalut apabila melebihi had.flex-wrap: wrap;，它就不是伸缩了，超出了就会换行。解决方法如一楼所示，当然你也可以使用calc函数将flex的值减去border的值(
Penyelesaian ditunjukkan di tingkat satu Sudah tentu, anda juga boleh menggunakan fungsi calc untuk menolak nilai sempadan daripada nilai flex (flex:0 0 calc(33.333% - 2px)),或者使用outline: 1px solid red;，outline是不会将宽度计算进去的，你的这段代码可以不用flex: 0 0 33.333%这样写，直接写width:33.33%或者flex:33.33%flex:0 0 calc(33.333% - 2px)), atau gunakanoutline: 1px solid red;, outline tidak akan mengira lebar Anda tidak perlu menulis kod ini sepertiflex: 0 0 33.333%, cuma tulis <. kod>lebar terus :33.33% atauflex:33.33%. 🎜