Wyrównanie dwóch kolumn CSS

0

Witam,

Chciałbym wyrównać te 2 kolumny tak jak na zdjęciu w załączniku i nie wiem jak to zrobić. Potrzebuję pomocy, aby ktoś zrobił i wytłumaczył. Pewnie odpowiedź jest prosta, a ja się z tym męczyłem. Shame...

Kod:
https://www.w3schools.com/code/tryit.asp?filename=FT66H0QDVGC5

Pozdrawiam ;).

2

Poczytaj o flexie - tutaj się sprawdzi idealnie :-)

1

albo opcja druga - dajesz kontener jako display: table a kolumny jako display: table-cell

Rzuć okiem, czy takie rozwiązane Ci pasuje - https://jsfiddle.net/mzj769pr/

0

Dzięki wielkie za pomoc. Poczytam i ogarnę flexa. Dzięki za 2 rozwiązanie i poprawienie kodu.

0

Nie ma sprawy. Jakbyś coś jeszcze chciał wiedzieć to śmiało pisz :)

0

Zawsze można użyć: column-count: 2;
https://www.w3schools.com/css/css3_multiple_columns.asp

0
Świetny Ogrodnik napisał(a):

Zawsze można użyć: column-count: 2;
https://www.w3schools.com/css/css3_multiple_columns.asp

No nie do końca - bo tutaj nie masz za bardzo kontroli nad podziałem tekstu na kolumny. OP chciał mieć dwie osobne ramki i do każdej z nich móc wpisać jakiś tekst, całkowicie niezależnie (w podanym przez niego przykładzie są to dwa niezależne div'y). Natomiast przy Twoim rozwiązaniu jest to jeden div podzielony na kolumny. Wprawdzie pod względem formatowania będzie OK, ale praktycznie nie masz kontroli nad łamaniem tekstu, przeglądarka sobie go sama podzieli wedle własnego uznania. I np. modyfikując tekst z pierwszej kolumny możesz spowodować rozjechanie się kolejnych. Twoje rozwiązanie jest OK, ale nie do tego, czego szuka autor wątku.

0

Tak, masz rację. Dotarło to do mnie po czasie..
Twoje rozwiązanie jest do tego idealne.

1 użytkowników online, w tym zalogowanych: 0, gości: 1