<?xml version='1.0' encoding="utf-8"?>
      <rss version='2.0'>
      <channel>
      <title>Форум на Исходниках.RU</title>
      <link>https://forum.sources.ru</link>
      <description>Форум на Исходниках.RU</description>
      <generator>Форум на Исходниках.RU</generator>
  	
      <item>
        <guid isPermaLink='true'>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3716663</guid>
        <pubDate>Wed, 12 Apr 2017 15:17:44 +0000</pubDate>
        <title>Расположить изображения равномерно по всему блоку</title>
        <link>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3716663</link>
        <description><![CDATA[vtg: Если так - <a class='tag-url' href='https://jsbin.com/juyehokide/1/edit?html,css,output' target='_blank'>https://jsbin.com/juyehokide/1/edit?html,css,output</a>, то всё работает. В начальном коде не хватало width: 100%.<br>
<br>
Но, данный способ не позволяет добиться эффекта, как в указанных примерах <a class='tag-url' href='https://yandex.by/images/search?text=%D0%B2%D0%B5%D1%81%D0%BD%D0%B0' target='_blank'>здесь</a> и <a class='tag-url' href='https://pixabay.com/en/photos/?q=spring&image_type=&cat=&min_width=&min_height=' target='_blank'>здесь</a>. Горизонтальные промежутки получаются слишком большие. Нужно, чтобы горизонтальные и вертикальные промежутки были равными, как в примерах.<br>
<br>
Какие ещё есть варианты?]]></description>
        <author>vtg</author>
        <category>WWW Masters. Прочее</category>
      </item>
	
      <item>
        <guid isPermaLink='true'>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3716641</guid>
        <pubDate>Wed, 12 Apr 2017 14:03:06 +0000</pubDate>
        <title>Расположить изображения равномерно по всему блоку</title>
        <link>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3716641</link>
        <description><![CDATA[Serafim: Нет, конечно. postcss + autoprefixer тебе в помощь. <br>
<br>
Но на последних версиях всё ок: <a class='tag-url' href='https://jsbin.com/juyehokide/1/edit?html,css,output' target='_blank'>https://jsbin.com/juyehokide/1/edit?html,css,output</a>]]></description>
        <author>Serafim</author>
        <category>WWW Masters. Прочее</category>
      </item>
	
      <item>
        <guid isPermaLink='true'>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3716628</guid>
        <pubDate>Wed, 12 Apr 2017 12:40:43 +0000</pubDate>
        <title>Расположить изображения равномерно по всему блоку</title>
        <link>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3716628</link>
        <description><![CDATA[vtg: <div class='tag-quote'><a class='tag-quote-link' href='https://forum.sources.ru/index.php?showtopic=410623&view=findpost&p=3715949'><span class='tag-quote-prefix'>Цитата</span></a> <span class='tag-quote__quote-info'>Serafim &#064; <time class="tag-quote__quoted-time" datetime="2017-04-07T14:22:28+00:00">07.04.17, 14:22</time></span><div class='quote '><div class='tag-code'><span class='pre_code'></span><div class='code  code_collapsed ' title='Подсветка синтаксиса доступна зарегистрированным участникам Форума.' style=''><div><div><ol type="1"><div class="code_line">.container {</div><div class="code_line">&nbsp;&nbsp; &nbsp;diplay: flex;</div><div class="code_line">&nbsp;&nbsp; &nbsp;justify-content: space-between;</div><div class="code_line">&nbsp;&nbsp; &nbsp;flex-wrap: wrap;</div><div class="code_line">}</div></ol></div></div></div></div><script>preloadCodeButtons('1');</script></div></div><br>
Код должен работать в таком, чистом, виде в Хроме? У меня не работает ни в одном браузере.<br>
Как записать этот код, чтобы работало в основных браузерах, или хотя бы в хроме? Пробовал с разными префиксами - ничего.]]></description>
        <author>vtg</author>
        <category>WWW Masters. Прочее</category>
      </item>
	
      <item>
        <guid isPermaLink='true'>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3715949</guid>
        <pubDate>Fri, 07 Apr 2017 14:22:28 +0000</pubDate>
        <title>Расположить изображения равномерно по всему блоку</title>
        <link>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3715949</link>
        <description><![CDATA[Serafim: <div class='tag-code'><span class='pre_code'></span><div class='code  code_collapsed ' title='Подсветка синтаксиса доступна зарегистрированным участникам Форума.' style=''><div><div><ol type="1"><div class="code_line">.container {</div><div class="code_line">&nbsp;&nbsp; &nbsp;diplay: flex;</div><div class="code_line">&nbsp;&nbsp; &nbsp;justify-content: space-between;</div><div class="code_line">&nbsp;&nbsp; &nbsp;flex-wrap: wrap;</div><div class="code_line">}</div></ol></div></div></div></div>]]></description>
        <author>Serafim</author>
        <category>WWW Masters. Прочее</category>
      </item>
	
      <item>
        <guid isPermaLink='true'>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3715901</guid>
        <pubDate>Fri, 07 Apr 2017 11:50:46 +0000</pubDate>
        <title>Расположить изображения равномерно по всему блоку</title>
        <link>https://forum.sources.ru/index.php?showtopic=410623&amp;view=findpost&amp;p=3715901</link>
        <description><![CDATA[vtg: Нужно разместить множество изображений равной высоты и разной ширины так, чтобы они расположились ровно по ширине страницы с равными или почти равными промежутками, как, например, <a class='tag-url' href='https://yandex.by/images/search?text=%D0%B2%D0%B5%D1%81%D0%BD%D0%B0' target='_blank'>здесь</a> или <a class='tag-url' href='https://pixabay.com/en/photos/?q=spring&image_type=&cat=&min_width=&min_height=' target='_blank'>здесь</a>.<br>
<br>
Похоже, что подходит <a class='tag-url' href='http://masonry.desandro.com/' target='_blank'>такой</a> вариант через JavaScript. Какие есть ещё?<br>
<br>
Как это лучше сделать, скриптом на сервере, через JavaScript или, может быть, можно через CSS?]]></description>
        <author>vtg</author>
        <category>WWW Masters. Прочее</category>
      </item>
	
      </channel>
      </rss>
	