在CSS中,有一種讓元素挨著底部的方法:使用flexbox布局。
首先,我們需要將父元素設置為flex容器,并設置flex-direction屬性為column。這樣子元素將按照列排列。
接下來,將align-items屬性設置為flex-end,這樣子元素將會在容器底部對齊。
.parent { display: flex; flex-direction: column; align-items: flex-end; }
在子元素中,我們可以使用margin-top屬性來控制子元素距離父元素底部的距離。
.child { margin-top: auto; /* 將距離控制為最大 */ }
最終,子元素會自動挨著父元素底部排列。
上一篇hbuild開發vue