.container { display: flex; justify-content: space-between; align-items: center; }
在上述代码中,容器元素被设置为flex布局,并使用justify-content属性来使其中的子元素左右分布。同时,align-items属性可以用来将子元素在垂直方向上进行居中对齐。
通过以上的代码,大家就能够实现多个元素在容器内左右分布的居中对齐了。同时,这种CSS布局方法还具有强适应性和可扩展性,可以适应各种不同尺寸的浏览器窗口和不同设备的屏幕。