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

Jak wyśrodkować 3 divy w jednej linii???

Aruba Cloud - Virtual Private Server VPS
+1 głos
3,227 wizyt
pytanie zadane 6 marca 2018 w HTML i CSS przez BIREXD Obywatel (1,180 p.)
Mam 4 divy. Jeden z nich to kontener mający 1000px długości. w tym divie chce umieścić trzy divy w jednej linii, z tym że jeden div ma przylegać do lewej krawędzi, drugi do prawej natomiast trzeci ma być wyśrodkowany. Niech każdy z tych diwów ma 300px długości. Co mam wpisać w cssie?

2 odpowiedzi

+1 głos
odpowiedź 6 marca 2018 przez Artek Stary wyjadacz (11,800 p.)
Obczaj sobie to to będziesz wiedział https://css-tricks.com/snippets/css/a-guide-to-flexbox/
komentarz 6 marca 2018 przez BIREXD Obywatel (1,180 p.)
o coś takiego mi chodziło dzięki
0 głosów
odpowiedź 6 marca 2018 przez k.wichura Pasjonat (19,870 p.)
<div class='container'>
  <div class='x'>a</div>
  <div class='x'>b</div>
  <div class='x'>c</div>
</div>
.container{
  display:flex;
  width:1000px;
  justify-content:space-between;
  margin: auto;
}
.x{
  width:300px; 
  background-color:red;
  text-align:center;
}

 

komentarz 6 marca 2018 przez BIREXD Obywatel (1,180 p.)
Pani/ie Wichura ale to nie działa to raz, ja nie chce wyśrodkować tekstu w divie tylko całego diva w którym będzie się znajdował nie tylko tekst ale i zdjęcie zupełnie tak jak jest na stronie głównej pasja informatyki to dwa, a po trzecie chce aby pierwszy div przylegał do lewej krawędzi, drugi był wycentrowany a trzeci przylegał do prawej krawędz.
komentarz 6 marca 2018 przez k.wichura Pasjonat (19,870 p.)
komentarz 6 marca 2018 przez Bazinga Bywalec (2,120 p.)

No i jeśli drugi div ma być trzeci(czyli ostatni):
 

.container :nth-child(2) {
    order: 3;
}

 

komentarz 6 marca 2018 przez BIREXD Obywatel (1,180 p.)

@k.wichura,

Zwracam honor i dziekuje za pomoc ;)

 

Podobne pytania

+1 głos
1 odpowiedź 2,392 wizyt
pytanie zadane 10 lipca 2015 w HTML i CSS przez DL TD Nałogowiec (36,710 p.)
+1 głos
2 odpowiedzi 1,579 wizyt
pytanie zadane 19 sierpnia 2016 w HTML i CSS przez niezalogowany
0 głosów
4 odpowiedzi 11,042 wizyt
pytanie zadane 11 marca 2017 w HTML i CSS przez bartek712 Nowicjusz (140 p.)

93,327 zapytań

142,323 odpowiedzi

322,396 komentarzy

62,657 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...