在Flex布局中,可以使用margin-bottom
屬性來設置盒子(flex item)與其下方鄰接盒子之間的間距。這個屬性可以單獨應用于某個盒子,也可以與其他margin屬性一起使用來設置盒子之間的間距。
例如:
.flex-container {
display: flex;
flex-direction: column;
}
.flex-item {
margin-bottom: 10px;
}
在上面的示例中,.flex-item
類的盒子在flex容器中會與下方的鄰接盒子之間保持10px的間距。Flex布局中的margin-bottom
屬性可以幫助我們實現靈活的布局設計,使得頁面元素之間的間距更加美觀和整齊。