В поисках решения такой задачки было взято простое решение. Выводились изображения разной высоты и разной ширины, чтобы упорядочить их по высоте нужно было средствами css изменить стиль отображения. Размеры изображений не известны, ровно как и ширина их.
Оказалось, что сталкиваются с такими задачами практически все.
Подумалось, что простое решение может быть таким:
|
1 2 3 4 5 |
img { height: 100px; width: auto; margin: 0 10px; } |
|
1 2 3 4 5 6 7 8 9 10 11 |
<div class="container"> <div class="element"> <img src="http://www.muzeumlotnictwa.pl/digitalizacja_archiwaliow/katalog/ksiazki/10/platowiec_pws_26_katalog_czesci/13d.jpg" /> </div> <div class="element"> <img src="http://cdn.doublemesh.com/wp-content/uploads/2013/08/SendPress-Email-Marketing-and-Newsletters.jpg" /> </div> <div class="element"> <img src="http://media.moddb.com/images/downloads/1/1/373/profile.jpg" /> </div> </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
.element { overflow:hidden; width:100px; height: 100px; border: 1px #000 solid; margin: 5px; float: left; position: relative; } .element img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } |
Полезная информация:
Правильные анонимайзеры
Доступ к namebased сайту без DNS-записи в Windows
Как добавить отображения даты в подвале сайта WordPress.
Как быстро узнать версию ISPConfig 3 (ssh)
Как включить интернациональные домены (punycode) в ISPConfig3
Html в конце ссылки статей в WordPress
WordPress Super Cache - кто такой?
Удалить category WordPress
ISPConfig 3 установить флаг active в MyDNS
Как добавить редирект (301) в ISPConfig
Как склеить домены (301 редирект)
Как настроить DNS шаблоны в ISPConfig 3
Удаление плагинов WordPress
iSape vs VKontakte API и iMoney + VK comments
Задача: выравнять картинки по центру div-ов с помощью CSS
Обвести текст при помощи HTML и CSS
Убрать category из ссылки WP (продолжение)
Во время загрузки произошла ошибка... WordPress
Сервис подбора цвета
Полная русификация Woocommerce
Правильный robots.txt
Польза простых файлов .bat
Системные переменные Windows
Полезные фотосервисы
Joomla/Mambo To WordPress Migrator (5 советов)
Красивые WordPress caption
Вывод материалов из рубрики списком WordPress
Jazzy Forms плагин, который радует!
Javascript прокрутки страницы
WordPress http error - решение проблемы
Удаляем строки Saphali Lite, Woocommerce, All in one seo pack
Обновление url и адрес картинок после изменения адреса блога
Добавление PageNavi (постраничной навигации) в нестандартные шаблоны
Простой плагин email рассылки (Newsletter) для WordPress
Ошибка Deprecated: Function ereg() is deprecated in /samefile.php on line 142
Площадки для размещения статей
Дополнительный домен в панели ISPManager
Отображение и текста и логотипа в шаблоне WordPress
Несколько мыслей про Skype
Как сделать в windows 7 в папке «столбцы по размеру содержимого» по умолчанию?
Как прочистить дюзы принтеру Epson Stylus Photo на Mac OS X
Шаблон Mantra изменения вида пагинации
Шаблон Mantra изменение текста Read more
Грамотный robots.txt для WordPress 4.х
Количество сопутствующих товаров в Woocommerce
ISPManager установить SSL сертификат
Как обойти AdBlock
Backup сайта в DropBox
Локализация woocommerce Print Invoice & Delivery Note
Как изменить длину анонса (excerpt) плагин
MainWP Child не добавляется при успешном подключении [Решено]
Ошибка платежа Яндекс.Касса и Woocommerce
Footer в functions.php для дочерней (child) темы StoreFront WordPress
Удаляем второй meta name=description от All in One Seo Pack
Повышение безопасности редактируя .htaccess
