Staram się zrobić listę (docelowo dropdown menu), która będzie składała się z:
1. dynamicznej liczby elementów (sterowane z php),
2. każdy element o dynamicznej szerokości (w zależności od długości tekstu),
3. wyśrodkowanej w poziomie, ALE - z rozciągnięciem zarówno do lewego i prawego boku.
W zależności od liczby elementów lista powinna wyglądać tak jak poniżej.
Jeden element, wyśrodkowany w centrum:
Ale jeśli są już dwa elementy, jeden przesuwa do lewej a drugi do prawej krawędzi:
Kiedy są trzy elementy:
Cztery:
I pięć... i tak dalej... :
Nie za bardzo mi to wychodzi. Albo uzyskuję elementy wyśrodkowane w centrum zewnętrznego diva, albo floatujące do left, albo do right. Nie mogę poradzić sobie z rozciągnięciem zewnętrznych elementów listy do przeciwległych krawędzi. Czy ktoś mógłby mi pomóc..?
Dzięki, guys.
P.S. Wydaje mi się, że problem może sprawiać połączenie sytuacji z tylko jednym elementem i tych z wieloma elementami. Lista będzie miała prawdopodobnie sześć elementów (chociaż o różnych dynamicznych szerokościach), więc skupiam się na tym rozwiązaniu.
