html 自动填充宽度,DIV_CSS布局问题：3个水平对齐布局的DIV，左右固定宽，中间宽度自动填充_html/css_WEB-ITnose...

这可以通过使用CSS的flexbox布局来实现。您可以将3个DIV放在一个父元素中，然后将其设置为flex容器。然后，将左右两个DIV设置为固定宽度，将中间DIV设置为flex-grow: 1，即可自动填充宽度。以下是示例代码：

HTML代码：

<div class="container">
  <div class="left">左边</div>
  <div class="middle">中间</div>
  <div class="right">右边</div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
}

.left, .right {
  width: 100px;
}

.middle {
  flex-grow: 1;
}

这样，左边和右边的DIV将固定为100像素宽度，而中间的DIV将自动填充宽度，以填满容器的剩余空间。