CSS中的浮動(dòng)是一種非常常用的布局方式,但是浮動(dòng)后如何實(shí)現(xiàn)居中呢?下面介紹幾種方法:
方法一: 父元素設(shè)置text-align:center,子元素設(shè)置浮動(dòng)。 方法二: 父元素設(shè)置display:table,子元素設(shè)置display:table-cell和浮動(dòng)。 方法三: 父元素設(shè)置position:relative,子元素設(shè)置position:absolute、left:50%和transform:translateX(-50%)。 方法四: 父元素設(shè)置position:relative,子元素設(shè)置position:relative、left:50%和float。 方法五: 父元素設(shè)置display:flex和justify-content:center,子元素設(shè)置浮動(dòng)。
這些方法都能夠?qū)崿F(xiàn)浮動(dòng)后的居中,大家可以按照自己的需求選擇適合的方法。