[marrbacca]

Szybkie pytanie z #webdev bo mnie jakas pomrocznosc jasna zlapala.
Mam menu i kilka elementow z nim. Jak ustawic, zeby elementy automatycznie zajmowaly cala szerokosc menu? Tylko JS? Jakos nie wiem nawet czego wyszukac w google...
#html #css #javascript

[rbielawski]

@marrbacca: a wiesz z góry, jaka będzie liczba tych elementów?

[KubusiowyKubus]

@marrbacca: pokaż kod bo może wystarczy ustawić szerokość rodzica i width:100%; dla elementów

[o.....r]

@marrbacca: Stała ilość elementów? Wylicz CSS.
Nie wiadomo ile? Użyj flexa.
Nie chcesz flexa? display: table/row/cell

[rbielawski]

@KubusiowyKubus: a jemu nie chodzi o to, żeby elementy w poziomie zajmowały taką samą część menu?

[cykus]

@marrbacca: ostatecznym rozwiązaniem możesz się pobawić z display: table-cell/table-row itp i też się ładnie dopasuje

[marrbacca]

@rbielawski: w teorii wiem, w praktyce klient moze to zmienic, wiec lepiej zeby bylo elastyczne
@ogur: wlasnie testuje display: table, efekty sa zadowalajace. Flexa zaraz tez wyprobuje :)
@rbielawski: nie musze zajmowac takiej samej czesci, chodzi o to, zeby cala szarokosc menu byla wypelniona
@KubusiowyKubus: nie wystarczylo, probowalem ;)

[rbielawski]

@marrbacca: no to tak jak @ogur pisał

[marrbacca]

@ogur: i chyba zostane na display:table, widze ze flex nie jest wspierany przez ie8 ie9, a te jeszcze czasem przydaloby sie wesprzec.
Dzieki za pomoc wszystkim :)

[isamaul]

@marrbacca: elementy jako inline-block, parent ma mieć text-align justify. np. coś takiego http://jsfiddle.net/43zg9p56/