如何让由5个元素组成的一行中的第2个和第4个元素均匀填充剩余的宽度？

可以使用Flex布局实现此效果。在父元素上设置display: flex和justify-content: space-between，然后在第2个和第4个子元素上设置flex-grow: 1即可。

代码示例：

HTML部分：

<div class="container">
  <div class="item">1</div>
  <div class="item fill">2</div>
  <div class="item">3</div>
  <div class="item fill">4</div>
  <div class="item">5</div>
</div>

CSS部分：

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

.item {
  width: 50px;
  height: 50px;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fill {
  flex-grow: 1;
}