Blokk azonos magasságú
Ahogy jelölő fogja használni a listákat. Minden eleme termék li fel egy képet és egy leírást. Photo szándékosan tett, különböző méretekben. Általános szabály, hogy az adminisztrátor ritkán érez, amikor töltés helyén, hogy a képeket optimalizálni kell, és kitölti őket a helyszínen, ahogy van. Célunk az, hogy összehangolja a képeket, és arra, hogy minden blokk azonos magasságú.
Add stílusokat. Részletes őket, nem fogom abbahagyni - itt, mint mondják, mindenki szabadon alkalmazhatja, amit jónak látja.
Most megy az oldal és mi megvan. Ha egy kép többé-kevésbé tisztességes, akkor az nagyon csúnya kép blokkokat. Írj egy kis szkript, amely lehetővé teszi, hogy könnyen megoldja a problémát.
Mi marad, az oldal újratöltődik, és csodálja az elvégzett munkát. Minden egység fogadott el ugyanabban a magasságban.
Most egy kicsit, hogy mit írtunk itt. MaxH hogy egy változót, és rendelje hozzá a 0 értéket Ezután jelölje ki az összes li elemek a katalógusban, és tesztelték őket egy ciklus segítségével minden funkció. A hurok teste kijelentjük, egy másik változót h_block amelyek fenntartják a magassága az egyes elemek li. kerekítve egész számot parseInt funkciót. Minden ugyanabban a ciklusban, meghatározza azokat a feltételeket - ha az érték az aktuális blokk nagyobb, mint az értéket a változó maxH. van rendelve a legújabb értéket. Más szóval - ellenőrizzük a magassága az egyes blokk, és a maximális magasságot tároljuk maxH. Végül menjen végig li, és kiszámítjuk a maximális magasságot, akkor rendelje hozzá az összes blokk (string $ ( „li”) magasság (maxH) ;.).
Ez a módszer azonban van egy hátránya. Tegyük fel, hogy az egyik blokkot rendszergazda adunk túl sok szöveget. Alkalmazása a fent leírt módszer Fesorakoztatjuk az összes blokkot, hogy nagyon magas, és kap egy csomó szabad hely alatt többit.
Helyes ez a helyzet nem lehet teljesen (hacsak nem csökkentik a szöveget a furcsa probléma), de csökkentette a hátrányt, hogy a minimális lehetőség van.
Átírni a forgatókönyvet. Mint az első alkalommal, akkor igazítsa blokkok a legmagasabb, de vajon ez lesz egy kicsit okosabb. Megtanítjuk neki számolni a li minden sorban, majd állítsa a legmagasabb egy sor, nem pedig a legmagasabb az oldalon.
Ez minden. Melyik módszert használja, meg kell oldani a helyzetet, de minden esetben - a második eljárás sokoldalúbb.