色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 底部對齊 不用abs

錢浩然2年前8瀏覽0評論

CSS底部對齊是網頁設計中常見的需求,通常我們會用到position的absolute屬性,但是在一些情況下,我們并不希望改變元素以及其父元素的position屬性。在這種情況下,我們可以使用一些其他的方法實現底部對齊。

footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
height: 100px;
}

我們可以使用flexbox來實現底部對齊,這種方法會讓父元素以及子元素都保持默認的position屬性。在上面的代碼中,我們給footer元素設置了display:flex,并給它的子元素添加了兩個屬性justify-content和align-items。

justify-content用于定義子元素在父元素主軸方向上的對齊方式,space-between是讓子元素在水平方向上分別在父元素的左右兩側對齊。

align-items用于定義子元素在父元素交叉軸方向上的對齊方式,flex-end是將子元素對齊到父元素底部。

除了以上方法,我們還可以使用table、inline-block、float等屬性來實現底部對齊。但是這些方法都有一些局限性或兼容性問題,需要根據具體情況進行選擇。