欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 多個div底對齊

錢瀠龍2年前8瀏覽0評論

CSS是一門強大的樣式設計語言,可以實現很多非常有用的效果。其中,如果需要實現多個

底部對齊,怎么實現呢?下面,我們就來學習一下具體的方法。

第一種方法:使用Flexbox布局。在父容器中使用display: flex,再將子容器的align-self設置為flex-end,這樣就可以實現子容器的底部對齊。具體代碼如下:

.parent {
display: flex;
flex-wrap: wrap;
}
.child {
align-self: flex-end;
}

第二種方法:使用Table布局。在父容器中使用display: table,在子容器中使用display: table-cell,并將垂直方向的對齊方式設置為底部。具體代碼如下:

.parent {
display: table;
width: 100%;
}
.child {
display: table-cell;
vertical-align: bottom;
}

第三種方法:使用絕對定位。將父容器設置為相對定位,子容器設置為絕對定位,并將底部的位置設置為0。具體代碼如下:

.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}

總之,以上三種方法都可以實現多個

底部對齊的效果,視情況而定使用哪種方法。希望對大家有所幫助!