本文目錄導(dǎo)讀：

1. 使用flexbox布局
2. 使用grid布局
3. 使用position屬性

CSS左浮動后自身居中方法

在CSS中，左浮動是一種常用的布局方式，但有時候我們需要在左浮動后讓元素自身居中，如何實(shí)現(xiàn)呢？

使用flexbox布局

Flexbox布局是一種非常靈活的布局方式，可以輕松地實(shí)現(xiàn)元素自身的居中，具體步驟如下：

1、將元素的display屬性設(shè)置為flex。

2、使用justify-content屬性將元素在水平方向上居中。

3、使用align-items屬性將元素在垂直方向上居中。

使用grid布局

Grid布局也是一種可以實(shí)現(xiàn)元素自身居中的布局方式，具體步驟如下：

1、將元素的display屬性設(shè)置為grid。

2、使用justify-content屬性將元素在水平方向上居中。

3、使用align-content屬性將元素在垂直方向上居中。

使用position屬性

除了上述兩種方法外，還可以使用position屬性來實(shí)現(xiàn)元素自身的居中，具體步驟如下：

1、將元素的position屬性設(shè)置為absolute或relative。

2、使用left和top屬性將元素在水平方向和垂直方向上居中。

需要注意的是，這種方法可能會受到其他元素的影響，因此在使用時需要謹(jǐn)慎。

實(shí)現(xiàn)CSS左浮動后自身居中并不困難，只需選擇適合自己的布局方式即可。