Autor Zpráva
Stalker
Profil
Ahoj,

Mám box s položkami, které mají nastavený display: inline-block. Já bych potřeboval, aby v případě, že prvky uvnitř nezaplní celý řádek, byl obsah zarovnaný na střed, ale prvky uvnitř zarovnány vlevo.

Zkoušel jsem nastavit celému contentu display inline-block, ale to funguje pouze v případě, že máme jenom jeden řádek prvků, nikoli 2 a více. A také potřebuji, aby to bylo responzivní, takže žádné fixní odsazení apod.

Ukázka
juriad
Profil
Jediné řešení, které znám, je přidat na konec správný počet
  <button type="button" class="btn btn-fake"></button>
  <button type="button" class="btn btn-fake"></button>
A nastavit jim styl:
    height: 0;
    padding: 0 16px;
    margin-bottom: 0;

Kolik je správný počet?
n - počet skutečných prvků
m - maximální počet sloupců
d = LCM(1, 2, ..., m)
# = d - ((n - 1) % d + 1)

Toto řešení je použitelné zhruba do šesti sloupců (d = 60), se sedmičkou to brutálně naroste (d = 420).

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: