如何使:在伪元素填充剩余宽度之前&：之后？

在伪元素填充剩余宽度之前和之后，可以使用CSS的flexbox布局来实现。

首先，需要将父元素设置为flex容器，可以通过设置display: flex;来实现。然后，可以使用justify-content属性来控制伪元素在剩余空间之前的对齐方式，使用align-items属性来控制伪元素在剩余空间之后的对齐方式。

例如，如果想要在伪元素填充剩余宽度之前居中对齐，可以使用以下代码：

.parent {
  display: flex;
  justify-content: center; /* 在伪元素填充剩余宽度之前居中对齐 */
  align-items: flex-start; /* 在伪元素填充剩余宽度之后顶部对齐 */
}

.parent::before,
.parent::after {
  content: "";
  flex: 1; /* 伪元素填充剩余宽度 */
}

这样，伪元素就会在剩余空间之前居中对齐，并在剩余空间之后顶部对齐。

关于flexbox布局的更多详细信息，可以参考腾讯云的Flexbox布局介绍：https://cloud.tencent.com/developer/doc/1078