通過給父元素設(shè)置float:left然后父元素設(shè)置position:relative;left:50%,子元素設(shè)置position:relative;left:-50%來實(shí)現(xiàn)水平居中。
2020-03-05
#parent{
height: 600px;
line-height: 600px
}
父級(jí)高度固定的話,這樣也能垂直居中
height: 600px;
line-height: 600px
}
父級(jí)高度固定的話,這樣也能垂直居中
2020-01-16
#left 刪除:position:relative;#right 使用 margin-right: -150px 向右偏移 替代 margin-left,也可以實(shí)現(xiàn)同樣的效果。
2020-01-06
個(gè)人認(rèn)為彈性盒子布局實(shí)現(xiàn)圣杯模式是最方便最快速且不用擔(dān)心移動(dòng)端的適配問題。而css grid網(wǎng)格,并不是所有瀏覽器都支持,所以,暫時(shí)不太建議大規(guī)模使用。老師講的這個(gè)方法,面試的時(shí)候準(zhǔn)備準(zhǔn)備還是很有好處的。
2020-01-02