As you can see in this example, the

As you can see in this example, the effect of our CSS is quite dramatic: all the vertical margins have collapsed to form a single, 10px margin. Unlike the horizontal margin example, where all the margins were visible, the vertical margins show no such colors at all, thanks to the background-color that has been applied to each element. The whole block will be positioned 10px from other in-flow elements on the page, but each nested block will collapse its margins into a single margin.

Kết quả (Việt) 1:

Như bạn có thể thấy trong ví dụ này, tác dụng của CSS của chúng tôi là khá ấn tượng: tất cả các lợi nhuận dọc đã sụp đổ để hình thành một margin 10px đơn. Không giống như ví dụ lề ngang, nơi mà tất cả các lợi nhuận đã có thể nhìn thấy, dọc lề Hiển thị không có màu sắc như vậy cả, nhờ màu nền mà đã được áp dụng cho mỗi phần tử. Toàn bộ khối sẽ là vị trí 10px từ các yếu tố khác trong dòng chảy trên trang, nhưng mỗi khối lồng nhau sẽ sụp đổ lợi nhuận của mình vào một lợi nhuận duy nhất.

Kết quả (Việt) 2:

Như bạn có thể thấy trong ví dụ này, tác dụng của CSS của chúng tôi là khá ấn tượng: tất cả các lề dọc đã sụp đổ để tạo thành một, lề 10px duy nhất. Không giống như các ví dụ biên ngang, nơi mà tất cả các lợi nhuận có thể nhìn thấy, lề dọc cho thấy không có màu sắc như ở tất cả, nhờ vào nền màu đã được áp dụng cho mỗi yếu tố. Toàn bộ khối sẽ được định vị 10px từ các yếu tố trong dòng chảy khác trên trang, nhưng mỗi khối lồng sẽ sụp đổ lề của nó vào một biên độ duy nhất.