css实现左中右居中

CSS可以实现左中右三个元素的居中，这在网页布局中常常用到。

.left{
  float: left;
}
.middle{
  display: inline-block;
}
.right{
  float: right;
}
.container{
  text-align: center;
}

以上代码实现了左中右三个元素的居中，其中左、右两个元素使用了float属性，中间的元素使用了display: inline-block属性。另外，还需要将三个元素的外层元素设置为text-align: center。

这种方法源于网页设计中的经典布局方式——双飞翼布局，它使用外层元素的margin属性实现三栏的居中效果。对于只有左右两个元素的三栏布局，可以使用浮动或弹性布局实现左右元素的定位，再使用text-align:center居中中间元素。

总之，CSS强大的布局能力可以让我们轻松实现各种网页布局，让网页设计更加美观和便捷。