Sila pertimbangkan kod ini, mengapa d3 dan d4 tidak sejajar? Apakah ruang putih di bahagian atas d4?
.myContainer { display: block; } #d3 { width: 150px; height: 150px; border: 5px solid #aef704; padding: 25px; background-color: blueviolet; box-sizing: border-box; display: inline-block; } #d4 { width: 150px; height: 150px; border: 2px solid #aef704; padding: 25px; background-color: brown; box-sizing: border-box; display: inline-block; }
test content d3test content d4
Kedua-dua 2 div ini harus memaparkan blok sebaris dan harus mempunyai lebar 150px dan ketinggian 150px, jadi mengapa div kedua lebih rendah sedikit daripada yang pertama. Inilah yang diberikan:
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Oleh kerana lalaidijajarkan secara menegakelemen sebaris ialah garis dasar. Tukarnya dengan mudah dengan menetapkannya kepada nilai seperti atas.
.myContainer { display: block; } #d3 { width: 150px; height: 150px; border: 5px solid #aef704; padding: 25px; background-color: blueviolet; box-sizing: border-box; display: inline-block; } #d4 { width: 150px; height: 150px; border: 2px solid #aef704; padding: 25px; background-color: brown; box-sizing: border-box; display: inline-block; } #d3, #d4 { vertical-align: top; }