Hogy tudom CSS-ben a diveket az oldal közepére igazítani, úgy hogy float:left tulajdonsággal egymás mellé kerüljön annyi div amennyi kifér egy sorba, és ha nem fér már ki, akkor a következő sorba folytatja?
Linkelek egy képet, hogy lássátok miről lenne szó.
Jelenleg így néz ki:
ezeket a diveket be tudom úgy állítani, hogy középre zárt legyen? és ha pl telefonon nézik, akkor ott is tördelje a sort és középen jelenjen meg?
Készíts egy konténer div-et, amibe a kisebbeket elhelyezed.
A konténernek legyen text-align:center stílusa, a kis divek pedig legyenek inline-block-ok, float:left nem kell.
Csak ebben az esetben a belső dobozok között marad egy felesleges space. Javításhoz írd .container-hez ezt:
line-height: 0;
font-size: 0;
... .content-hez meg ezt:
line-height: 18px;
font-size: 14px;
ha pedig szeretnéd hogy közvetlen össze érjenek a dobozok, mert display: inline-block esetén a szóköz megjelenik.
H.Tibor87
Csak úgy nem lesz pontosan közepen, úgyhogy marad az én megoldásom. :D
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!