Comment exclure le premier article dans un emballage flexbox?

y a-t-il un moyen d'exclure le premier article dans un emballage souple autre que de réordonner la marge?

<div class="container">    
  <div id="tobeexcluded">abc</div>
  <div class="flexitem">content</div>
  <div class="flexitem">content</div>
  <div class="flexitem">content</div>
</div>

modifier: J'ai essayé 

:not(:first-child)

et 

:not(#tobeexcluded)

mais ça ne fonctionne pas. C'est la classe réelle de la construction, c'est un drupal vue:

.view-id-reference_list .view-content:not(:first-child) {
display: flex
flex-flow: wrap
}

Violon: https://jsfiddle.net/m62090za/4/

Voici ce que je veux: https://jsfiddle.net/Lxhpwqzn/1/, mais sans changer la balisage.

14
demandé sur Volker 2016-04-07 10:56:51

1 réponses

y a-t-il un moyen d'exclure le premier article dans un emballage souple autre que de réordonner la marge?

après une certaine confusion initiale, nous comprenons maintenant que ce qui est réellement nécessaire, c'est que le contenu soit enveloppé après la première div.

évidemment, la méthode la plus simple pour y arriver est que le premier div soit 100% large du parent.

.view-container .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.filterbox {
  flex: 0 0 100%;
}
<div class="view-container">
  <div class="view-content">
    <div class="filterbox">FILTER</div>
    <div class="flex-item">
      Flex-ITEM
    </div>
    <div class="flex-item">
      Flex-ITEM
    </div>
    <div class="flex-item">
      Flex-ITEM
    </div>
  </div>
</div>
33
répondu Paulie_D 2016-10-07 12:32:26