• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Flex - rozmieszczenie elementow

VPS Starter Arubacloud
0 głosów
461 wizyt
pytanie zadane 18 października 2017 w HTML i CSS przez Ziuziek Mądrala (5,140 p.)
Hej mam pytanie, czy da się bez divow left-menu right-menu rozmiescic te elementy tak by 3 były po lewej i 2 po prawej na końcu oraz wszystkie w jednej linii  ?

I drugie pytanko czemu space between mi nie działa w menu right ??

https://codepen.io/anon/pen/ZXwYJy

3 odpowiedzi

+1 głos
odpowiedź 18 października 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)

Jeżeli chcesz przesunąć div .menu-right użyj 

margin-left: auto

U mnie działa space-between :)

0 głosów
odpowiedź 18 października 2017 przez Wujek Greg Dyskutant (9,410 p.)
space-between w menu-right nie działa ponieważ dodajesz później właściwość justify-content: flex-end, a z racji tego że CSS zczytuje style po koleji od góry do dołu to zawsze używa ostatniej przypisanej właściwości. A po drugie nie działa na niego space-between bo zapomniałaś o kropce przy nazwie klasy. W odpowiedzi na Twoje pierwsze pytanie to raczej nie obejdzie się bez tych divów. Jedyne rozwiązanie jakie przychodzi mi na myśl to wrzucenie wszystkich buttonow do jednego diva, nadanie mu flexa i space-between, a dla .btn4 nadać jakiś margines, wtedy uzyskasz taki efekt ale nie jestem przekonany do jakości tego rozwiązania.
0 głosów
odpowiedź 22 października 2017 przez Ziuziek Mądrala (5,140 p.)
Siema a mam pytanie a efekt takiego rozwiązania :

 

https://codepen.io/Turqus/pen/VMNyKM

 

Byłby w porządku?

Podobne pytania

0 głosów
2 odpowiedzi 354 wizyt
pytanie zadane 14 lutego 2017 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 440 wizyt
pytanie zadane 20 września 2017 w HTML i CSS przez Apper97 Obywatel (1,380 p.)
0 głosów
1 odpowiedź 124 wizyt
pytanie zadane 2 stycznia 2018 w HTML i CSS przez jjanek Użytkownik (630 p.)

92,452 zapytań

141,261 odpowiedzi

319,074 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...