Не могу понять почему все блоки выводятся вертикально (а не кирпичной кладкой-горизонтально), хотя размеры все заданы. Помогите, пожалуйста
Если смотреть более объективно, то весь код выглядит так:
<!DOCTYPE html>
<HTML>
<head>
<title> E</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<?php include("2.php"); ?>
<script src="/js/masonry.pkgd.min.js"></script>
</head>
<style>
.item img {
width: 300px;
height: 200px;
}
</style>
<body>
<?php
$Ho = get_Ho ();
foreach($Ho as $it) : ?>
<div id="container" class="container">
<div class="item">
<a href="#"><img src="<?= $it['images']?>" /></a>
</div>
</div>
<?php endforeach;?>
[JS]
<script type="text/javascript">
var container = document.querySelector("#container");
var msnry = new Masonry(container, {
columnWidth: 300,
itemSelector: ".item",
gutter: 15
});
</script>
[/JS]
</body>
</html>