[Arveit]

#css #webdev
Mireczki, czy CSS-em da się zrobić, by trzy elementy w jednej linii były wyrównane w inny sposób? To znaczy lewy do lewej, środkowy do środka, a prawy do prawej? Bez zbędnych divów czy tabelek da się to cssem osiągnąć? Przykład o co chodzi - czerwone elementy na rysunku poglądowym.

[p3k1]

@Arveit: Bootstrap

[Arveit]

@p3k1: pytanie było, czy CSS-em się da to zrobić ( ͡º ͜ʖ͡º). Że w bootstrapie mam grida, to wiem, ale tu nie mogę użyć bootstrapa.

[rbielawski]

@Arveit: możesz zrobić trick z text-align: justify; i będzie wyglądać tak jak chcesz.

[wizu]

@Arveit: rodzic - text-align: justify, dzieci display:inline-block;
Rodzicowi dodaj jeszcze :after {content: ' '; display: inline-block; height: 1px; width: 90%} - justowanie działa tylko na elementach z wieloma liniami.

[SuperBuka]

position:absolute, ewentualnie moze z relative ?

[rbielawski]

position:absolute

@SuperBuka: usuń to na boga

[Arveit]

@ElGovanni: @rbielawski: @wizu: @SuperBuka: dzięki za szybkie odpowiedzi, zaraz będę eksperymentować z Waszymi podpowiedziami :)

[Chanandler]

@Arveit: flexbox i justify-content: space-between; lub floatami http://codepen.io/anon/pen/aNjxLR

[SuperBuka]

@rbielawski: nie jestem ekspertem, ucze sie dopiero stronek a poza tym tylko proponuje xD

[q.....u]

@Arveit: przecież bootstrap to css, cokolwiek da się zrobić przy pomocy bootstrapa da się też zrobić nie używając bootstrapa

[subskrybent_wykopu]

@SuperBuka: Absolute to najprostsza droga żeby wszystko #!$%@?ło się w drobny mak w responsive.

a co do pytani @Arveit: Możesz np zrobić to tak jeden div float:left, drugi float:right a ten środkowy text-align center, albo tak jak inni pisali na text-align justify i display inline-block. Najważniejsze przy tych zabawach jest to, żebyś załapał że cokolwiek co jest inline-block jest traktowane tak jak text (możesz np. zmienić kolejnosć divów dajac direction:rtl

[razor535]

@Arveit: jak nie zalezy ci na wsparciu jakiegos badziewia typu IE <10, to dla rodzica

display: flex;
justify-content: space-between;

tyle.

[jacekprim]

justowanie działa tylko na elementach z wieloma liniami

@wizu: W niektórych przeglądarkach można włączyć justowanie ostatniej linii: http://caniuse.com/#feat=css-text-align-last