Új hozzászólás Aktív témák

• #7068 Chrystall senior tag

  Új Válasz 2018-03-12 20:12:09 #7068

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Chrystall

  senior tag

  Sziasztok!

  Egyenletesen szeretnék pozícionálni elemeket egy főelemen belül. Az alábbi kép mutatja hogyan:

  

  Az a lényeg, hogy az elemek száma előre nem meghatározott lenne. Nincs meghatározva az sem egy sorban mennyi lehetne. Annyi lenne, amennyit a képernyőméret megenged, valamint lenne beállítva egy minimális margóméret, hogy ennyi hely biztos legyen köztük. A sorokban egyenlő távolságra lennének elosztva, az utolsó sorban pedig középre rendezve lennének, és ha több elem kerül oda, a fentebbi sorokban levő elemközöknek kellene az utolsó sorban levő elemek közt is lennie. Ez az utolsó pont az, amit nem sikerül sehogyse elérnem. Eddig jutottam:

  #foelem {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;

  }

  .elem {
  display:inline-block;
  margin-left:10px;
  margin-right:10px;
  width:310px;
  height:600px;

  }

  Itt tehát még az a gond, hogy ha az utolsó sorra 1-nél több elem esik, a hézag köztük nem ugyanakkora, mint a fentebbi sorokban az elemek közt. Valaki tudja hogy lehetne elérni, hogy ott is ugyanakkora legyen a hézag?

Új hozzászólás Aktív témák