Както маркиране ще използва списъците. Във всеки елемент на продукт ли сложи снимка и описание. Фото умишлено взети от различни размери. Като правило, администраторът рядко мисли при попълване сайт, че изображенията трябва да бъде оптимизиран и ги излива в сайта, тъй като е. Нашата цел е да се приведе в съответствие изображенията и да направят всички елементи на една и съща височина.
Добави стилове. Подробности за тях, аз няма да спре - тук, както се казва, всеки е свободен да се прилага това, което намери за добре.
Сега отидете на страницата и да видим какво имаме. Ако снимката е повече или по-малко прилично, а след това с много грозни блокове с картинки. Напиши малък скрипт, който ви позволява лесно да реши проблема.
Оставаме, презареждане на страницата и да се полюбувате на извършване на работата. Всички помещения са приели една и съща височина.
Сега, малко повече от това, което е написал тук. MaxH декларира променлива и да го задавате стойност 0. След това изберете всички елементи на Ли в каталога и да ги тества в цикъл за използване на всяка функция. Тялото на цикъла, ние декларира друга променлива h_block който поддържа височината на всеки елемент Ли. закръглена до най-близкото цяло число, като използвате функцията parseInt. Всичко в същия цикъл, уточнява условията - ако стойността на текущия блок е по-голяма от стойността на променливата maxH. се възлага на най-новата стойност. С други думи - ние проверяваме височината на всеки блок, а максималната височина се съхранява в maxH. И накрая, проверете всички Ли и изчисляване на максималната височина, ние го възложи на всички блокове (низ $ () височина "Ли" (maxH) ;.).
Въпреки това, този метод има и недостатък. Да предположим, че в една от администратора на блокове добавят твърде много текст. Прилагайки метода, описан по-горе, ние се уеднаквят всички блокове на много високо и да получите много свободно пространство под останалите.
Правилно тази ситуация не може да бъде напълно (освен ако не се намали размера на текста в странен проблем), но за да се намали до минимум недостатък, че е възможно.
Препишете сценария. Като за първи път, той ще приведе блокове от най-високите, но направи това ще бъде малко по-умни. Ние ще го научи да преброи ли във всеки ред и да ги приведе в съответствие с най-високите в серия, а не най-високият на страницата.
Това е всичко. Кой метод да се използва, трябва да се реши ситуацията, но в никакъв случай - вторият метод е по-универсална.
Свързани статии