Tilda Swinton ❣

[tanya_salpe]

Сьогодні народилася Чудо-Жінка, богічна, шикарна Тільда ♡ Абсолютно прекрасна СКРІЗЬ ♡ Як добре, що можна спостерігати таке чудо, ідеально вписане в світ мистецтва

У мене все

♕ 2016                                                                ♛ 2008

Comments

image

[tanya_salpe]

Знайшовся простий спосіб впорядкувати малюнки. Тобто, як прописати їм приблизно(!) однакову висоту, без мороки з пропорціями і калькулятором. Для цього width визначаємо в % (а не в пікселах), від чого і сам контейнер div і малюнки в контейнері якось хитро масштабуються. Це просто свято, процедура майже автоматична!

<div style="width: 100%; margin: 0; overflow-x: scroll; white-space: nowrap; word-wrap: normal;">1<img style="width: 20%;" src="">2<img style="width: 20%;" src="">3<img style="width: 20%;" src=""></div> в цьому шаблоні фігурують параметри контейнера (тобто div style): ширина; відступи всередині=0; дії за межами=прокрутка; все в 1 ряд; переносів нема; тобто width: 100%; margin: 0; overflow-x: scroll; white-space: nowrap; word-wrap: normal; і параметр малюнка (тобто img style): ширина, неясно по чому визначається (в div - по ширині поля допису), тобто width: 20%; (спочатку хай буде скрізь однакова, далі коректується по Previev) НАПРИКЛАД: <div style="width: 100%; margin: 0; overflow-x: scroll; white-space: nowrap; word-wrap: normal;">1<img style="width: 20%;" src="http://media.gettyimages.com/photos/british-actress-tilda-swinton-arrives-for-the-opening-of-the-vienna-picture-id92229063">2<a href="http://www.breakfastwithaudrey.com.au/tilda-swinton-for-chanel-pre-fall-2013/" target="_blank"><img style="width:20%" src="https://thecitizensoffashion.files.wordpress.com/2013/05/tilda-swinton-by-karl-lagerfeld-for-chanel-paris-edinburgh-2013-ad-campaign-3.png"></a>3<img style="width: 18%;" src="http://akns-images.eonline.com/eol_images/Entire_Site/201723/rs_634x1024-170303092525-634.Tilda-Swinton-JR-030317.jpg">4<img style="width: 40%;" src="https://www.ecartelera.com/images/sets/26200/26231.jpg">5<a href="http://forums.thefashionspot.com/f50/tilda-swinton-march-2004-january-2012-a-3623-45.html" target="_blank"><img style="width: 20%;" src="https://images.plurk.com/1vdrbZUVc0h8YVpMGTIc.jpg"></a>6<img style="width: 35%;" src="http://78.media.tumblr.com/tumblr_m31q4qWhZG1rt9jfwo1_500.jpg">7<img style="width: 20%;" src="http://img1.gtimg.com/rcdimg/20171022/10/26423587_1280x1920.jpg"></div>
остаточний вид:

1234567