div左中右布局怎么实现

可以使用CSS的flexbox布局实现div的左中右布局。将三个子元素（左、中、右）放置在一个父元素中，对父元素设置display: flex;，并通过justify-content和align-items属性来分别对齐和居中子元素。具体代码如下：

HTML代码：

<div class="parent">
  <div class="left">左侧内容</div>
  <div class="center">中间内容</div>
  <div class="right">右侧内容</div>
</div>

CSS代码：

.parent {
  display: flex;
  justify-content: space-between; /* 左右两侧对齐 */
  align-items: center; /* 垂直居中 */
}

.left, .center, .right {
  width: 100px; /* 宽度可自定义 */
}

.center {
  flex: 1; /* 中间内容占据剩余空间 */
}

这样就可以实现div的左中右布局了。