Fuggoleges menu Flexbox-szal. Miert nem tudom szepen kozepre helyezni a menu pontokat? Link a megjegyzesben
flex-direction: row-ban a justify-content mukodik es space betweennel szepen elhuzza a child elemeket, de most vhogy nem sikerul column directionban. Mit rontok el? Paddinggel siman meg tudom csinalni. Flexbox-szal nem lehet?
Illetve mikor kicsinyitem az oldalt a tobbi szekcio hatalmasnak tunik a menuhoz kepest, pedig a grid vonalak rendben vannak. Miert lehet ez? [link]
válasza:Két dolog:
Egyik, hogy nem az ul li, csak ul-t kell, másik a space-around után; lemaradt szóval
nav ul {
display: flex;
flex-direction: row;
justify-content: space-around;
}
Koszonom, ralesek majd amint tudok.
es arra van magyarazat, hogy ha kicsinyitem a kepernyot akkor miert lesz nagyobb minden ures div mikor a gride line-ok nem valtoztak?
Egy hasonlo gyakarolatomnal a div-ek nem nyultak meg mikor uresek voltak.
Koszonom elore is az idodet es a segitseget.
válasza:En fogalmaztam rosszul:
ez lenne a problemam:
Teljes meretben a side nav-ban levo linkeket csak paddinggel lehet jobban szethuzni fel-le iranyba , hogy egysegesen foglaljak el a kitoltheto teret? Probaltam flexboxxal, de nem tudom "szethuzni" oket sehogysem.
válasza:Az a baj, hogy nem tudja elrendezni space-evenly-vel ha nincs meg a height, ha meg direkt megadod, akkor ugye annak meglesz a maga következménye.
Mondjuk nem vagyok nagy webfejlesztő, de ez már szerintem trükközés kategória lenne, ha úgy hagynád ahogy van, majd megfelelő időben pl: pageload vagy mi után js -el kiszednéd a heightet és módosítanád pár pixellel nagyobbra, akkor lefutna az space-evenly..
pl:
(nav ul li helyett)
nav ul {
display: flex;
flex-direction: column;
justify-content: space-evenly;
height:200px;
}
Mondjuk jó lenne (bár lehet van is) ha bizonyos paramétereket eleve így ki lehetne olvasni pusztán css-ből..
Koszi a segitseget.
lett egy ilyen megoldas, hogy
nav ul {
height: 100%;
display: flex;
flex-direction: column;
}
nav ul li {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-around
}
A height kellett, nem hittem volna, mashol nem volt hasonlo "gondom:
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!