Ich habe eindisplay:flex Reihe mit 3 Spalten undflex-wrap aktiviert. Zwischen den Spalten stehen handledivs. Wenn die Spalten umbrochen sind, wird das Handledivs sollte verschwinden. Wie kann ich den Wrap-Status als CSS-Selektor verwenden, um Attribute für den Fall zu definieren, dass die Flex-Elemente umbrochen werden?

section {
  display: flex;
  flex-wrap: wrap;
  background-color: lightgray;
}
section * {
  margin: 1ex;
  background-color: white;
}
section * ~ * {
  margin-left: 0;
}
.handle {
  width: 1ex;
  background-color: gray;
}
aside, article {
  flex: 1;
  min-width: 5em;
}
#wide {
  width: 30em;
}
#narrow {
  width: 10em;
}

<section id="wide">
  <aside>
    left
  </aside>
  <div class="left handle"></div>
  <article>
    middle
  </article>
  <div class="right handle"></div>
  <aside>
    right
  </aside>
</section>
<hr>
<section id="narrow">
  <aside>
    top
  </aside>
  <div class="left handle"></div>
  <article>
    middle
  </article>
  <div class="right handle"></div>
  <aside>
    bottom
  </aside>
</section>

Im nicht umbrochenen Modus muss der linke Rand unterdrückt werden, und im umbrochenen Modus müssen der obere Rand und die Ziehpunkte unterdrückt werden. Wie erfahre ich, wenn ich eingepackt werde?