<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> section { border: solid 1px; } section section { float: left; margin-left: 10px; margin-top: 10px; text-align: center; width: 200px; border-radius: 20px; height: 200px; } .parent { height: 440px; width: 660px; } .parent section:first-child { height: 410px; } </style></head><body> <section class="parent"> <section>A</section> <section>B</section> <section>C</section> <section>D</section> <section>E</section> </section></body></html>
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> section { border: solid 1px; } section section { margin-left: 10px; margin-top: 10px; text-align: center; width: 200px; border-radius: 20px; height: 200px; } .parent { display: flex; flex-direction: column; flex-wrap: wrap; height: 440px; width: 660px; } .parent section:first-child { height: 410px; } </style></head><body> <section class="parent"> <section>A</section> <section>B</section> <section>C</section> <section>D</section> <section>E</section> </section></body></html>实现效果如图所示：
当然使用table和负边距也是可以实现的，有时间补上:-D
Ripple-Handelsplattform
So verwenden Sie die Sortierfunktion
So richten Sie die automatische Aktualisierung einer Webseite ein
So lösen Sie das Problem, dass der Zugriff beim Starten von Windows 10 verweigert wird
Antivirus für Apple-Handys
So löschen Sie Daten in MongoDB
Detaillierte Erklärung des Befehls arp
So öffnen Sie das JSP-Format
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
