[fwing]

#css bez #javascript

Cześć Mirki. Zastanawiam się jak bez javascriptu można by osiągnąć podobny efekt, co tutaj:
http://jsfiddle.net/brcv2wyb/ (zobaczcie jak strona skaluje się przy zmniejszaniu ekranu).

Chodzi mi o to żeby nie ustawiać na sztywno media breakpointa między poziomym a pionowym navbarem, tylko żeby działo się to dynamicznie - kiedy brakuje miejsca do stackowania elementów poziomo, to wrzucamy je do pionowego menu.
Liczba elementów może się zmieniać, i mogą mieć różne szerokości.

[D.....k]

Liczba elementów może się zmieniać, i mogą mieć różne szerokości.

@fwing: no to w samym css tego nie zrobisz

[fwing]

@Dreszczyk: Czyli potwierdzasz moje obawy :(
Swoją drogą, to się wydaje tak oczywistym przypadkiem użycia, że nie mogę uwierzyć, że ten standard do tej pory jest tak biedny. Prezentować elementy w sposób X dopóki się mieszczą, i w sposób Y gdy przestają. Rocket science.

[D.....k]

@fwing: http://stackoverflow.com/questions/18844192/css-only-detection-of-text-overflows-in-html

[Pietras55]

@fwing: @Dreszczyk: A flexbox?

[fwing]

@Pietras55: flexy pozwolą mi wyświetlić cały navbar w wersji pionowej, gdy skończy się miejsce w poziome? Masz propozycję, jak można to zrealizować?

[Pietras55]

@fwing: Masz rację, do pełnego pionu brakuje tu malutkiego skryptu ;)
Szukałem jeszcze w tabelach, ale też nic.