1.左右布局 左侧div的float设置left属性,右侧div设置margin-left且大于左侧的div宽度。 例如:

2.左中右布局 通过float浮动来设置左中右布局。 例如:

3.水平居中 方法一: 通过margin:0 auto; text-align:center;来实现。 例如:

方法二: 通过position:absolute;来实现。 例如:

方法三: 通过width:fit-content;实现.这种方法可以确保子元素宽度不确定的情况下也能实现居中。需要配合margin:0 auto;text-align:center;一起使用。 例如:

方法四: 通过display:inline-block和text-align:centent。

方法五: 通过position:relative;float:left;margin-left实现。

4.垂直居中 方法一: 单行文本居中。 例如:

方法二: 通过display:inline-block;vertical-align: middle;实现。 例如:
